HTML CSS Course 2023 For All Developers (Beginner Friendly)

Focused View

Saurabh Asthana

5:36:46

45 View

1. Introduction and Getting Ready For The Coding

1. Introduction.mp4

05:54

2.1 Course - HTML, CSS.pptx

2. Introduction Continued.mp4

02:26

3. Download and install VS Code.mp4

05:02

2. HTML Section

1. HTML History~Client Server Architecture.mp4

08:23

2. HTML Heading tags.mp4

04:00

3. P tag, br tag, List tag, Nesting of list tag.mp4

09:38

4. img tag, anchor tag, making images clickable.mp4

10:00

5. Input tags, button.mp4

06:45

6. Button, Div tag.mp4

07:17

7. B tag, inspect browser, DOM, Image height~width.mp4

07:02

8. Table Tag.mp4

04:33

9. Audio and Video files in html page.mp4

03:36

10. Video Audio files from internet into our page, using iframe tag.mp4

08:12

11. HTML Boilerplate Code, Page Title.mp4

05:25

12. Multipage Website.mp4

04:32

13. Github Repository Creation and Uploading files.mp4

02:41

14. Settings to Host Website for Free using GITHUB.mp4

01:09

15.1 HTML Practice.rar

15. Our website URL, HTML Conclusion.mp4

02:40

3. CSS Basics and Advance Concepts

1. CSS Introduction.mp4

05:22

2. Inline CSS.mp4

07:59

3. div tag,CSS box model, CSS Selectors.mp4

08:11

4. Running Sample CSS code.mp4

06:09

5. CSS Defining Div tags and class in our page.mp4

05:14

6. Inline CSS and styling.mp4

05:58

7. Tag based CSS styling.mp4

06:00

8. Class Based styling continued, Comment tag.mp4

08:00

9. Float property.mp4

03:09

10. id selector styling, using multiple selectors, priority order.mp4

08:03

11. Attribute Selector Examples.mp4

06:07

12. Universal Selector.mp4

03:30

13. Combining different selectors, Grouping Selectors.mp4

06:32

14. Child Selector, Descendent selector.mp4

09:01

15. Chaining selectors example.mp4

05:56

16. External CSS.mp4

05:33

17. Positioning in CSS Static,Relative,Fixed,Absolute.mp4

06:48

18.1 code lecture 35.rar

18. Sticky Positioning CSS.mp4

02:58

19. Toolbar Creation Example.mp4

09:54

20. Toolbar contd. and Use of Pseudo Classes.mp4

09:36

21. Pseudo Class with IMG tag.mp4

04:55

22. Pseudo Class Table Styling.mp4

07:56

23.1 code lecture 40.rar

23. Pseudo Class example Input fields.mp4

03:54

24. Display Property in CSS.mp4

09:17

25. Responsive Web Design.mp4

06:40

26. Media Queries.mp4

09:41

27. Flexbox CSS Container.mp4

12:11

28. Flexbox CSS Items.mp4

11:20

29. CSS Grid Intro and Container Properties.mp4

13:54

30.1 code lecture 48.rar

30. CSS Grid Items Properties.mp4

07:48

4. Additional Section - Bootstrap

1. Bootstrap Introduction, using online.mp4

09:04

2.1 CSS Practice.rar

2. Bootstrap using Offline.mp4

08:54

5. 50- Conclusion

1. Thank You.mp4

01:57

Description

HTML5 CSS3 , Web Designing, Front End Development, HTML Basics, CSS Advance Concepts, CSS GRID, CSS Flexbox, Bootstrap

What You'll Learn?

Learn HTML and CSS basics as well as advanced topics step by step
Learn using various HTML tags and use them in your own webpage
Learn how to include images in your webpage.
Learn how to include audios and videos in your webpage.
Learn how to include Youtube videos in your webpage.
Create Multipage Website.
Learn to create GITHUB repository and upload your files.
Host Website for Free using GITHUB
Learn to use style tags and create beautiful and responsive webpages using CSS
Learn about CSS Selectors, CSS Box Model
Learn doing inline internal and external CSS styling
Learn Float Properties and create responsive webpage
Learn Pseudo Classes
Learn CSS positioning
Learn to use Media Queries
Learn to use CSS Flexbox
Learn to use CSS Grid

Who is this for?

Anyone who wants to learn HTML and CSS

Anyone who is looking to create their own website

Anyone who wants to learn Front End Development

For all levels - beginners, intermediate and advance (Beginners Friendly)

What You Need to Know?

No prior knowledge or programming knowledge is required.

Willingness and dedication to learn HTML and CSS, that's all you need.

More details

Description
â€¢In this 5+ hours of course we are going to learn all important concepts of HTML and CSS.
â€¢We will learn about â€“
â€¢HTML Tags such as p tag, br tag, img tag, div tag, create ordered and unordered list, iframe tag, input tags, table tag and many more.
â€¢We will learn how to add images and videos in our webpage, adding music audio files from internet and Youtube videos.
â€¢We will learn to create multipage responsive website.
â€¢We will learn to HOST our website for FREE using GITHUB.
â€¢We will learn to style and decorate our webpage using CSS.
â€¢We will learn to work with inline, internal and external CSS.
â€¢We will learn tag based styling, Class based styling etc.
â€¢We will learn about CSS Selectors and using multiple selectors and how to group selectors.
â€¢We will see examples of element, class, id, attribute and universal selectors.
â€¢We will learn CSS Box Model.
â€¢We will work with Float property and make our web page responsive.
â€¢We will see child/descendent selectors and example of chaining selectors.
â€¢We will learn about CSS Positioning (Static, relative, fixed, absolute, sticky)
â€¢We will learn about Pseudo classes (with img tag, with input fields and table styling)
â€¢We will learn Display properties in CSS (None, Block, Inline, inline-block )
â€¢We will learn how to create responsive web design.
â€¢We will learn advanced CSS Concepts like Media Queries, CSS Flexbox and CSS Grid.
â€¢We will learn to use Bootstrap and working with Bootstrap online and offline.
â€¢And many other things during our learning journey...!

Who this course is for:
Anyone who wants to learn HTML and CSS
Anyone who is looking to create their own website
Anyone who wants to learn Front End Development
For all levels - beginners, intermediate and advance (Beginners Friendly)

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I am Computer science engineer and have done PGDM in Finance and Marketing. I have 12 years+ experience in IT Software industry. I have worked in multiple MNCs and performed multiple job roles including Presales and Core technical development. I am very much excited to share my experience and knowledge with the learners.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.