HTML & CSS: From Zero to Hero

Focused View

Marko Holzmann-Miletić

13:42:30

14 View

1 - Introduction

1 - CSS.pdf

1 - Course Intro.mp4

01:27

1 - HTML.pdf

2 - What are HTML CSS and JavaScript.mp4

01:51

3 - How are web pages served.mp4

01:54

4 - Visual Studio Code Setup.mp4

06:46

2 - HTML

2 - HTML Basics Elements and Attributes Quiz.html

4 - HTML Forms Media Elements Semantic Elements and Styles Quiz.html

5 - HTML.pdf

5 - HTML Best Practices Accessibility and SEO.html

5 - HTML Intro.mp4

01:29

6 - 01-HTMLBasics.zip

6 - 01-HTML-Basics.pptx

6 - HTML Basics.mp4

09:42

7 - 02-BasicHTMLElements.pptx

7 - 02-BasicHTMLElements.zip

7 - Basic HTML Elements.mp4

19:28

8 - 03-HTMLAttributes.pptx

8 - 03-HTMLAttributes.zip

8 - HTML Attributes.mp4

14:08

9 - 04-HTMLLinks.pptx

9 - 04-HTMLLinks.zip

9 - HTML Links.mp4

25:50

10 - 05-HTMLLists.pptx

10 - 05-HTMLLists.zip

10 - HTML Lists.mp4

10:48

11 - 06-HTMLTables.pptx

11 - 06-HTMLTables.zip

11 - HTML Tables.mp4

12:24

12 - 07-HTMLForms.pptx

12 - 07-HTMLForms.zip

12 - HTML Forms.mp4

34:16

13 - 08-HTMLMediaElements.pptx

13 - 08-HTMLMediaElements.zip

13 - HTML Media Elements.mp4

13:45

14 - 09-HTML5SemanticElements.pptx

14 - 09-HTMLSemantics.zip

14 - HTML 5 Semantic Elements.mp4

13:21

15 - 10-HTMLStyles.pptx

15 - 10-HTMLStyles.zip

15 - HTML Styles.mp4

15:06

16 - 12-ARIALabels.pptx

16 - HTML Accessibility.mp4

06:45

17 - 13-SEOHTML.pptx

17 - SEO for HTML.mp4

09:25

18 - 12-SimpleWebSite.zip

18 - Build a simple HTML web site.mp4

28:41

19 - 11-HTMLBestPractices.pptx

19 - 11-HTMLBestPractices.zip

19 - HTML Best Practices.mp4

15:04

3 - CSS

6 - CSS Basics Selectors Properties and Values and CSS Specificity Quiz.html

7 - Absolute and Relative Units CSS Colors and CSS Box Model Quiz.html

8 - Floating and Positioning Quiz.html

9 - Centering Displaying and Shaping Elements Quiz.html

10 - Typography and Backgrounds Quiz.html

11 - Transforms Transitions and Animations Quiz.html

12 - CSS Flexbox Grid and RWD Quiz.html

20 - CSS.pdf

20 - Intro CSS.mp4

01:04

21 - 01-CSSBasics.pptx

21 - 01-CSSBasics.zip

21 - CSS Basics.mp4

11:10

22 - 02-SelectorsPropertiesValues.pptx

22 - 02-SelectorsPropertiesValues.zip

22 - Selectors properties and values.mp4

11:24

23 - 03-CSSSpecificity.pptx

23 - 03-CSSSpecificity.zip

23 - CSS Specificity.mp4

10:56

24 - 04-RelativeAbsoluteUnits.pptx

24 - 04-RelativeAndAbsoluteUnits.zip

24 - Absolute and Relative Units.mp4

13:09

25 - 05-CSSColors.pptx

25 - 05-CSSColors.zip

25 - CSS Colors.mp4

10:54

26 - 06-CSSBoxModel.pptx

26 - 06-CSSBoxModel.zip

26 - CSS Box Model.mp4

16:50

27 - 07-CSSFloating.pptx

27 - 07-CSSFloating.zip

27 - CSS Float Part 1.mp4

17:58

28 - CSS Float Part 2.mp4

10:30

29 - 08-CSSPositioning.pptx

29 - 08-CSSPositioning.zip

29 - CSS Positioning.mp4

13:24

30 - 09-CSSCenteringElements.pptx

30 - 09-CSSCenteringElements.zip

30 - Centering Elements.mp4

07:26

31 - 10-CSSDisplay.pptx

31 - 10-CSSDisplayingElements.zip

31 - Displaying Elements.mp4

13:12

32 - 11-CSSShapingElements.pptx

32 - 11-CSSShapingElements.zip

32 - Shaping Elements.mp4

07:35

33 - 12-CSSTypography.pptx

33 - 12-Typography.zip

33 - Typography.mp4

16:29

34 - 13-CSSBackgroundsAndGradients.pptx

34 - 13-CSSBackgroundsGradients.zip

34 - CSS Backgrounds and Gradients.mp4

12:54

35 - 14-CSSTransforms.pptx

35 - 14-CSSTransforms.zip

35 - CSS Transforms.mp4

10:20

36 - 15-CSSTransitionsAndAnimations.pptx

36 - 15-CSSTransitionsAnimations.zip

36 - CSS Transitions Animations.mp4

17:49

37 - 16-CSSFlexBox.zip

37 - 16-CSSFlexbox.pptx

37 - CSS Flexbox.mp4

21:48

38 - 17-CSSGrid.pptx

38 - 17-CSSGrid.zip

38 - CSS Grid.mp4

15:02

39 - 18-CSSRWD.pptx

39 - 18-RWD.zip

39 - Responsive Web Design.mp4

18:47

40 - 19-CSSGridSystems.pptx

40 - 19-CSSGridSystems.zip

40 - CSS Grid Systems.mp4

18:00

41 - 20-CSSWebLayouts.pptx

41 - 20-WebLayouts.zip

41 - Web Layouts Part 1.mp4

17:19

42 - Web Layouts Part 2.mp4

12:39

43 - 21-CSSPreprocessors.zip

43 - 22-CSSPreprocessors.pptx

43 - CSS Preprocessors.mp4

19:26

44 - 23-CSSBestPractices.pptx

44 - CSS best practices.mp4

10:53

4 - Building a One Pager Web Site

45 - Intro.mp4

08:00

45 - OnePagerWebSite.zip

46 - Common CSS and Utility Classes.mp4

11:25

47 - Building the Header Element.mp4

30:33

48 - Building the Slider Banner.mp4

23:59

49 - Building the Footer Element.mp4

24:31

50 - Building the About Us Section.mp4

26:17

51 - Building the Services and Technologies Section.mp4

13:30

52 - Building the Teams Section.mp4

13:29

53 - Building the Contact Sections.mp4

15:21

54 - Adding Interactivity to the Navigation Elements.mp4

16:31

55 - OnePagerWebSite.zip

55 - Optimizing the Website.mp4

11:30

5 - Bootstrap

56 - Intro to Bootstrap.mp4

10:23

57 - Grid system media queries and responsive columns.mp4

18:57

58 - Core Components.mp4

08:01

59 - Utilities.mp4

09:34

6 - Summary

60 - Final Words.mp4

01:21

Description

Learn to build engaging websites and interfaces for real world applications with HTML & CSS

What You'll Learn?

Embark on a journey to become a skilled HTML and CSS developer, no previous experience required!
Craft and develop a captivating real-world project for your portfolio from the ground up.
Explore modern, semantic, and accessible HTML5 techniques.
Dive into advanced CSS, including flexbox and CSS Grid, for sophisticated layouts.
Grasp essential CSS concepts like the box model, positioning strategies, inheritance, and resolving selector disputes.
Learn a web design framework filled with simple rules and principles for creating visually appealing websites.
Master the complete process of planning, sketching, designing, constructing, testing, and refining a professional website.
Gain expertise in creating responsive designs that adapt seamlessly to all mobile devices.
Understand the use of standard components and layout designs in professional web development.
Develop crucial skills such as understanding documentation, troubleshooting, and utilizing industry-standard tools.
Discover how to source and utilize free design materials like images, fonts, and icons for an enhanced web presence.
Develop 3 separate web sites from scratch including reusable components which you can use for your websites

Who is this for?

Individuals starting from scratch who aim to master building a professional, attractive, and adaptable website.

Learners with a basic understanding of HTML and CSS, seeking to effectively combine their skills to craft an outstanding website.

Designers looking to broaden their expertise by delving into HTML5 and CSS3.

Enthusiast looking to embark on a journey into frontend web development

What You Need to Know?

Be able to use the computer - Windows, macOS or Linux

Have an internet connection

More details

Description
Welcome to "HTMLÂ &Â CSS: From Zero to Hero"!
Are you passionate about creating stunning, user-friendly websites that captivate audiences? Do you dream of transforming your ideas into visually appealing and interactive web experiences? If you've always wanted to dive into the world of web development but didn't know where to start, you've come to the right place.
In this comprehensive Udemy course, we'll take you on an exciting journey to master the art of frontend web development, from the very basics to advanced techniques. Whether you're a complete beginner or someone with a bit of coding experience, this course is designed to equip you with the essential skills and knowledge needed to become a frontend web development hero.
Throughout the course, I'll be your guide, providing step-by-step instructions and hands-on exercises that will empower you to build your own stunning web projects from scratch. We'll start by exploring the fundamental concepts of HTML and CSS, the building blocks of every website. You'll learn how to structure web pages using HTML and add beautiful styles with CSS, transforming plain text into eye-catching designs.
Whether you aspire to be a freelancer, work for a tech company, or bring your own ideas to life, "HTMLÂ &CSS: From Zero to Hero" will provide you with the knowledge, skills, and confidence to make your mark in the world of web development. So, are you ready to become a hero in the world of frontend web development? Let's get started!
Who this course is for:
Individuals starting from scratch who aim to master building a professional, attractive, and adaptable website.
Learners with a basic understanding of HTML and CSS, seeking to effectively combine their skills to craft an outstanding website.
Designers looking to broaden their expertise by delving into HTML5 and CSS3.
Enthusiast looking to embark on a journey into frontend web development

User Reviews

Rating

average 0

Total votes0

Focused display

Hello folks, I'm Marko. I am an experienced full-stack web developer, software engineer, lecturer and business owner with a demonstrated history of working in the software development industry as well as working as a lecturer and mentor. I have a Master's Degree in Software Engineering, and on top of that I have finished specialized courses for Web Design, Frontend Development and Backend Development with C# & .NET which I ended up teaching myself.I have been building web applications for more than a decade now for clients from across the globe and have multiple awards for best teacher under my belt from the schools I worked at.I have a passion for sharing knowledge and helping people achieve their goals and I hope to help you achieve yours.

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.