Category
Sign In
0

Course / Course Details

Web Design Fundamentals -HTML, CSS, Bootstrep, Talewind CSS, Java Script

  • Mohammad Sohan image

    By - Mohammad Sohan

  • 12 students
  • 4 Hours
  • (0)

Course Requirements

1. Net Connection

2. Laptop/PC

3. Related Software

Course Description

Course Title: Web Design Fundamentals

Course Overview:

This course is designed to provide students with a strong foundation in web design principles and techniques. Students will learn to create visually appealing and user-friendly websites using industry-standard tools and best practices. Through hands-on projects and assignments, they will develop the skills necessary to design responsive and interactive websites.

Course Duration: 12 weeks

Course Content:

Week 1-2: Introduction to Web Design

  • Understanding the role of web design in the digital landscape
  • Exploring web design tools and software
  • Basic HTML and CSS overview

Week 3-4: HTML and CSS Fundamentals

  • Creating the structure of a webpage with HTML
  • Styling web content with CSS
  • Introduction to responsive web design

Week 5-6: Typography and Color Theory

  • Choosing and pairing fonts effectively
  • Understanding color theory and its application in web design
  • Creating visually appealing text and color combinations

Week 7-8: Layout and Composition

  • Principles of layout design
  • Creating grids and responsive layouts
  • Incorporating images and multimedia elements

Week 9-10: User Experience (UX) and User Interface (UI) Design

  • Introduction to UX/UI design principles
  • Designing user-friendly navigation and interfaces
  • Conducting usability testing

Week 11-12: Interactive Elements and Web Development Basics

  • Adding interactivity with JavaScript
  • Introduction to web development languages (e.g., JavaScript, PHP)
  • Preparing and optimizing websites for launch

Assessment Methods:

  • Weekly assignments and quizzes
  • Design projects and portfolio development
  • Midterm and final exams
  • Peer evaluations and critiques

Expected Outcomes:

By the end of this course, students should be able to:

  1. Create well-structured and responsive webpages using HTML and CSS.
  2. Apply principles of typography, color theory, and layout design to create visually appealing websites.
  3. Understand and implement user experience (UX) and user interface (UI) design principles.
  4. Develop basic interactivity and functionality using JavaScript.
  5. Prepare and optimize websites for deployment and understand the basics of web development.

Course Materials:

  • Recommended textbooks and online resources
  • Access to web design software and development tools
  • Design templates and assets for projects

This course equips students with the fundamental skills required to pursue a career in web design or further studies in related fields. It provides a solid foundation in both the artistic and technical aspects of web design, preparing students to create attractive, user-friendly, and responsive websites.

Course Curriculum

  • 10 chapters
  • 134 lectures
  • 0 quizzes
  • 4 Hours total length
Toggle all chapters
1 Setup VS Code
Preview
5 Min

1 Setup Live Server
3.25 Min

2 Default B
2.24 Min

3 HTML Tag
Preview
3 Min

4 Paragrap Tag, Pre Tag
3 Min

5 Bold, Italic, Underline, Break tag
4 Min

6 Superscrip and Subscrip tag
3 Min

7 List tag
3 Min

8 Input Tag
5 Min

9 Video Tag
3 Min

10 image and url tag
4 Min

11 division or div tag
3 Min

1 CSS Intro Class - Learn the Basics of Cascading Style Sheets
5 Min

2 Mastering CSS: Exploring Height, Width, and Font Size
4 Min

3 Mastering CSS Color: Tips, Tricks, and Techniques!
3 Min

4 Master CSS! Understanding IDs and Classes
7 Min

5 Mastering CSS - Dive into DIVs!
11 Min

6 Mastering CSS Margins: Create Pixel-Perfect Web Layouts
7 Min

7 Mastering CSS - The Ultimate Guide to Padding
5 Min

8 Mastering CSS Text Justify: Premium Tips & Tricks
2 Min

9 Mastering CSS: The Power of Optional Properties
3 Min

10 Mastering CSS - Understanding Block and Inline Elements
9 Min

11 Mastering CSS Flex 1 | Flexbox Fundamentals
16 Min

12 Master CSS Flex 2: Next-Level Layouts Made Easy!
2 Min

13 CSS Flex 3: Mastering Modern Layouts Like a Pro!
4 Min

14 CSS Project 1: Master the Art of Styling
6 Min

15 CSS Project 2: Unveiling My Stunning Website Design!
16 Min

16 Epic CSS Project 3: Mastering the Art of Web Design!
11 Min

17 CSS Project 4 - Crafting Beautiful Web Pages with Style!
9 Min

18 Master CSS Responsive Design - Build Stunning Websites for Any Device!
11 Min

19 Mastering CSS POSITION: Unlock the Power of Layout Control
11 Min

1 Unleashing the Power of Tailwind CSS: Class 1
12 Min

2 Unleashing the Power of Tailwind CSS 2.0!
16 Min

3 Unleashing the Power of Tailwind CSS 3 with DaisyUI!
17 Min

4 Mastering CSS with Tailwind: Project 1 | GSIS Academy
12 Min

5 Mastering CSS with Tailwind: Project 2 | GSIS Academy
15 Min

6 Mastering Modern Web Design: CSS Tailwind Project 3 | GSIS Academy
15 Min

7 Mastering Modern UI: CSS Tailwind Project 4 Tutorial | GSIS Academy
19 Min

8 Mastering Responsive Design with CSS Tailwind Project 5 | GSIS Academy
5 Min

9 Mastering CSS with Tailwind Project 6 - GSiS Academy
11 Min

1 Introduction to JavaScript - Gsis Academy
7 Min

2 How to install Node.js with Simple Installation Process
3 Min

3 Node.js Setup: Boost Your JS Skills
3 Min

4 How to use the JS Math | JavaScript
5 Min

5 String Object In JavaScript
4 Min

6 JavaScript Number Methods Tutorial
5 Min

7 JavaScript Boolean | JavaScript True or False
3 Min

8 JavaScript Operation 1
10 Min

9 JavaScript Operation 2
6 Min

10 JavaScript Variable Declaration
7 Min

11 Concatenation String To Number Conversion
11 Min

12 JS Rules And Regulations
6 Min

13 JavaScript Number toFixed() Remainder
8 Min

14 JavaScript For Loop
5 Min

15 JS: While Loop
Preview
10 Min

16 Loop through an array in JavaScript
11 Min

17 JavaScript Break
11 Min

18 JavaScript: 1 Function
5 Min

19 JavaScript: 2 Function
7 Min

20 JavaScript: 3 Function
6 Min

21 JavaScript: 4 Function
5 Min

22 JavaScript: 1 Objects
Preview
6 Min

23 JavaScript: 2 Objects
8 Min

24 JavaScript: Let And Const
5 Min

25 Convert grams to kilo grams in JavaScript
10 Min

26 JavaScript program to print even numbers in an array
12 Min

27 JS Sum of an Array
5 Min

28 JavaScript add +1 to string
9 Min

29 Math - JavaScript
7 Min

30 JavaScript - Splice, Slice and Substring
5 Min

1 JSON
8 Min

2 JavaScript Fetch API
7 Min

3 Display API Data Using JavaScript
14 Min

4 API display With Style JavaScript
13 Min

5 Mealdb-Api JavaScript
22 Min

6 JavaScript Text slice()
6 Min

1 JS: Project Part 1
23 Min

2 JS: Project Part 2
9 Min

3 JS: Project Part 3
9 Min

4 JS: Project Part 4
8 Min

5 JS: Project Part 5
8 Min

6 JS: Project Part 6
12 Min

7 JS: Project Part 7
17 Min

1 JavaScript: File Add
6 Min

2 JavaScript: getElementsByTagName()
11 Min

3 JavaScript: getelementbyid getelementsbyclassname
8 Min

4 JavaScript: queryselectorall queryselector
5 Min

5 JavaScript: Attribute
11 Min

6 JS DOM: create li
7 Min

7 JS DOM: Create ul li
7 Min

8 JS DOM: Create Element New Style
5 Min

9 JS DOM: Event
10 Min

10 JS DOM: Many Way To Style
5 Min

11 JS DOM: addEventListener()
7 Min

12 JS DOM: Text Update 003
18 Min

1 installation of React JS and knowing how to work it
19 Min

2 knowing about reactjs file and folder
9 Min

3 what is components and how to write it
10 Min

4 how to write css in reactjs
8 Min

5 props and how to pass data components
7 Min

6 Advanced way data props and how to make external components
28 Min

7 how to use use States in reactjs
10 Min

8 how to use effect in react
26 Min

9 restcountries data fetching
26 Min

10 Prop Drilling in React
21 Min

11 how to use local data fetching
21 Min

12 how to connect tailwind to react and how to use google fonts
22 Min

13 how to use react router dom
29 Min

14 how to use loader and how to access dynamic data load
46 Min

15 how to form in reactjs
22 Min

16 how to work react props drilling and how to use usecontext
36 Min

17 introduction of authentication and authorization
10 Min

18 how setup firebase for google sign In and sign Out
40 Min

19 how to use firebase github auth
23 Min

20 how to use firebase in email password
41 Min

21 error handling and password validation
14 Min

22 how to use terms and conditions and Login
28 Min

23 how to setup forgot password and verify
50 Min

24 firebase auth use in react with context
41 Min

25 how to use firebase observer and navigate
55 Min

26 React end video
2 Min

1 how to setup nodejs and express
47 Min

2 how to connect database and how to data post and get
49 Min

3 how to delete data from a database and how to update it
59 Min

4 coffe project part-1
1 Hour 30 Min

5 coffe project part-2
1 Hour

6 coffe project part-3
58 Min

7 chat app project part-1
1 Hour 20 Min

8 chat app project part-2
1 Hour 20 Min

9 chat app project part-3
1 Hour 30 Min

10 chat app project part-4
1 Hour 30 Min

11 chat app project part-5
2 Hours

12 chat app project part-6
1 Hour 10 Min

13 final project 1
1 Hour 50 Min

Instructor

Mohammad Sohan

As a MERN stack developer, I am an expert in MongoDB, Express.js, React.js, and Node.js. You build full-stack web applications with dynamic user interfaces and smooth functionality. my skills help create modern, scalable, and innovative web solutions..

my project demo Live link:  https://mambarter.netlify.app/

5 Rating
1 Reviews
12 Students
1 Courses

Course Full Rating

0

Course Rating
(1)
(0)
(0)
(0)
(0)

Sign In or Sign Up as student to post a review

Student Feedback

Course you might like

Intermediate
Graphics Design Basic to Advanced
0 (0 Rating)
8 Students
গ্রাফিক ডিজাইনে আপনি একজন সফল ফ্রিল্যান্সার হতে চাইলে এই কোর্সটি আপনার জন্য।=>গ্রাফিক্স ডিজাইন কি?গ্রাফিক্স ডিজাইন হল এক...
৳1,800.00 ৳5,000.00
Beginner
Learn Website & App UI Design with Figma Design
0 (0 Rating)
0 Students
 ফিগমা ডিজাইন এমন একটি ডিজাইন টুলস যার মাধ্যমে ওয়েবসাইট, মোবাইল এপস এর ইউজার ইন্টারফেইস কেমন হবে তা ডিজাইন করা এবং শেয়ার...
৳650.00 ৳1,100.00

You must be enrolled to ask a question

Students also bought

Computer Office With Data Entry
Advance
  • 104 Lectures
  • 5 Hours
  • 0 (3 Rating)
  • 150 Students
  • ৳1,250.00
  • ৳2,500.00
Food and Beverage Production
Intermediate
  • 0 Lectures
  • 8 Hours 20 Min
  • 0 (0 Rating)
  • 2 Students
  • ৳20,000.00
  • ৳30,000.00
AutoCAD 2D & 3D
Beginner
  • 88 Lectures
  • 8 Hours 20 Min
  • 0 (0 Rating)
  • 15 Students
  • ৳2,000.00
  • ৳5,000.00
ভূমি জরিপ/সার্ভেয়ার/আমিনশিপ প্রশিক্ষন
Beginner
  • 40 Lectures
  • 10 Hours
  • 4 (2 Rating)
  • 53 Students
  • ৳990.00
  • ৳1,490.00
ভূমি জরিপ/আমিনশীপ লাইভ ক্লাস
Pro
  • 0 Lectures
  • N/A
  • 0 (0 Rating)
  • 16 Students
  • ৳4,500.00
Burger Production
Intermediate
  • 3 Lectures
  • 30 Min
  • 0 (0 Rating)
  • 11 Students
  • ৳1,000.00
  • ৳2,000.00

৳2,000.00

Add To Cart Buy Now

  • Duration 4 Hours

  • Lectures 134 lessons

  • Enrolled 12 students

  • Category: Design

  • 0 Quizzes

  • Language: বাংলা

  • Skill Level Beginner

  • Certificate of Completion

  • Full lifetime access

Remove Coupon
Coupon Applied!

More Courses by Author

Discover Additional Learning Opportunities

View All
Static
Web Design Fundamentals -HTML, CSS, Bootstrep, Talewind CSS, Java Script
0 (0 Ratings)
12 Students
Course Title: Web Design FundamentalsCourse Overview:This course is designed to provide students wit...
৳2,000.00

Shopping Cart

Loading...

কাস্টমার সাপোর্ট টিমের সাথে কথা বলুন

Hi, how I can help you?