- Level Foundation
- المدة 22 ساعات hours
- الطبع بواسطة Board Infinity
-
Offered by
عن
Dive into the fascinating world of web development with this beginner-friendly course that unravels the art of building web pages using HTML and CSS. Organized into three intensive modules, this course provides a structured learning path, moving from the very basics to more intricate design techniques. In the first module, the emphasis is on understanding and mastering HTML – the skeleton of web pages. Here, you'll learn about HTML's foundational concepts, such as tags, attributes, and elements, enabling you to define the content and structure of web pages. The second module takes you through the aesthetics of web development, introducing you to the colorful world of CSS. Discover how to breathe life into your web pages with styles, layouts, and typography, making them both appealing and user-friendly. Lastly, the third module familiarizes you with Bootstrap, a renowned front-end toolkit, enhancing your skill set and enabling you to craft responsive designs that are a visual treat on both desktop and mobile screens. By the end of the course, you will have a fully functioning webpage that you can share with others. You will also have a solid foundation in web development and a clear understanding of the principles of good web design.الوحدات
Introduction to the course
3
Videos
- Specialization Introduction
- Course Introduction
- Meet your Instructor
1
Readings
- Syllabus
Introduction to HTML
3
Videos
- What you will learn in this Lesson
- Introduction to Web Development
- What is HTML?
1
Readings
- Further Reading on HTML
Basic HTML tags
2
Assignment
- HTML Tags - Practice Quiz
- HTML Graded Quiz
12
Videos
- What you will learn in this Lesson
- HTML Tag
- Formatting HTML Tag
- Forms and Input Tags
- Iframe Tag
- Image Tag
- Video Tag
- Audio Tag
- List Tag
- Table Tags
- Semantic Tags and Non- Semantic Tags
- Meta Tag
2
Readings
- Read more about Various HTML Tags
- Tell us what you think!
CSS Basics
1
Assignment
- CSS Basics Practice Quiz
6
Videos
- What you will learn in this Lesson
- What is CSS?
- CSS Syntax
- CSS Simple Selector
- CSS Combined Selectors - Part 1
- CSS Combined Selectors - Part 2
1
Readings
- Learn more about CSS
CSS Pseudo-class selectors
5
Videos
- What you will learn in this Lesson
- Pseudo-class selectors - Part 1
- Pseudo-class selectors - Part 2
- Pseudo Elements
- Attribute Selectors
1
Readings
- Further reads on Selectors
CSS Fonts and Properties
1
Assignment
- CSS Fonts and Properties - Practice Quiz
6
Videos
- What you will learn in this Lesson
- CSS Fonts property
- CSS Positions
- CSS Float
- CSS Display
- CSS Units
1
Readings
- Learn more about Font & Property
CSS Design
2
Assignment
- CSS Design - Practice Quiz 1
- CSS Design - Practice Quiz 2
16
Videos
- What you will learn in this Lesson
- CSS Colors
- CSS Background Colors
- CSS Box Model
- CSS Box-Sizing
- CSS Style Table
- CSS Icons
- CSS Display Grid - Part 1
- CSS Display Grid - Part 2
- CSS Navigation Bar
- CSS Dropdowns
- CSS Image Gallery and Sprites
- CSS Styling Images & Image Reflections
- CSS Forms
- CSS Text Effects
- CSS Object Fit & Position
1
Readings
- Read more about CSS Designs
CSS Advanced Features
2
Assignment
- CSS Advanced Features - Practice Quiz
- CSS Advanced Graded Quiz
11
Videos
- What you will learn in this Lesson
- CSS Flexbox - Part 1
- CSS Flexbox - Part 2
- CSS Gradient
- CSS 2D & 3D Transform
- CSS Transitions
- CSS Animation
- CSS Media Queries
- CSS Pagination
- CSS Multiple Columns
- CSS Variables
1
Readings
- Learn More about CSS Advance concepts
Basics of Bootstrap
1
Assignment
- Bootstrap Basics - Practice Quiz
7
Videos
- What you will learn in this Lesson
- Introduction to Bootstrap
- Bootstrap colors
- Bootstrap Containers
- Bootstrap columns
- Bootstrap Display - Part 1
- Bootstrap Display - Part 2
1
Readings
- Read more about basic of Bootstrap
Design with Bootstrap
1
Assignment
- Bootstrap Design Practice Quiz
4
Videos
- What you will learn in this Lesson
- Bootstrap Images
- Bootstrap Buttons
- Bootstrap Spacing
1
Readings
- Learn more about Bootstrap Design
Bootstrap Layout & Plugins
1
Assignment
- Layouts and Plugins - Practice Quiz
10
Videos
- What you will learn in this Lesson
- Bootstrap Carousel
- Bootstrap NavBar
- Bootstrap Cards
- Bootstrap Badges & Progress bar
- Pagination
- Bootstrap Dropdowns
- Bootstrap Modal
- Bootstrap Tooltip & Popover
- Bootstrap Scrollspy
1
Readings
- Learn more about Layouts and Plugins
Project Building
1
Peer Review
- Final Assignment
5
Videos
- Project Building Part 1: Instagram Clone
- Project Building Part 2: Instagram Clone
- Project Building Part 3: Instagram Clone
- Project Building Part 4: Instagram Clone
- Project Building Part 5: Instagram Clone
1
Readings
- Provide your feedback!
Auto Summary
Explore the world of web development with this beginner-friendly course on HTML and CSS, offered by Coursera. Over 1320 minutes, you'll master HTML basics, delve into CSS for styling, and learn Bootstrap for responsive design. Ideal for aspiring web developers, the course provides a solid foundation in web design principles. Available with a Starter subscription.

Board Infinity