Skip to main content

The Ultimate HTML5 & CSS3 Series: Part 1

2h 51m 50s
English
Free

Course description

Have you always wanted to learn web development but didn't know where to start? Tired of lengthy, boring and outdated courses? This course is for you. A fun, comprehensive and beginner-friendly course that teaches you all the skills you need to build professional-quality websites with HTML5 and CSS3. Say goodbye to long, boring, repetitive courses with outdated content that spend too much time on the basics. This is the only HTML5/CSS3 you'll ever need!

Read more about the course

The first part teaches you the fundamentals, the second part explores advanced concepts and the third part puts everything together to build and deploy a real website. You'll start with a Photoshop design mockup and finish with a live website.

Whether you’re an absolute beginner wanting to learn web development from scratch, or you know a bit of HTML5/CSS3 and need a refresher course to fill the gaps, this course will help you achieve your goals.

By the end of this course, you'll be able to…

  • Confidently build websites with HTML5/CSS3
  • Build websites that look great on any screen or device
  • Troubleshoot issues like a pro
  • Deploy your websites to the cloud
The Most Comprehensive (& Fun) HTML5/CSS3 Course
  • Learn the fundamentals of web development
  • Structure your web pages using HTML5
  • Make beautiful web pages using CSS3
  • Learn the essential Photoshop skills every web developer needs
  • Master mobile-first responsive design
  • Create layouts with Flex and Grid layout systems
  • Add smooth, beautiful animations
  • Create beautiful typography
  • Optimize images for performance
  • Build forms with data validation
  • Write clean, maintainable, object-oriented CSS3
  • Learn HTML5/CSS3 best practices
  • Write valid, semantic HTML5 code that search engines love
  • Increase your productivity using little-known shortcuts
  • Host your code on GitHub
  • Set up continuous deployment
  • Measure your website's performance
  • Get to know the tools that make your job easier
  • And much, much more!


Watch Online

0:00 0:00
#Lesson TitleDuration
11- Introduction00:54
22- Who This Course Is For00:39
33- What You Need01:32
41- Introduction01:03
52- Languages and Tools of Web Development05:55
63- How the Web Works04:51
74- Inspecting HTTP Requests and Responses04:04
85- HTML Basics07:12
96- CSS Basics04:16
107- Formatting Code02:16
118- Inspecting Pages Using DevTools02:14
129- Validating Web Pages03:59
131- Introduction00:43
142- The Head Section03:49
153- Text06:41
164- Entities03:30
175- Hyperlinks09:31
186- Images05:39
197- Video and Audio05:41
208- Lists06:06
219- Tables08:45
2210- Containers05:05
2311- Semantic Elements05:21
2412- Structuring a Web Page03:23
251- Introduction00:52
262- Providing CSS06:07
273- Normalizing CSS02:59
284- Basic Selectors04:57
295- Relational Selectors05:21
306- Pseudo-class Selectors09:07
317- Pseudo-element Selectors04:43
328- Selectors Specificty08:02
339- Inheritance02:44
3410- Colors06:49
3511- Gradients06:07
3612- Borders05:47
3713- Shadows04:26
3816- What's Next00:40

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Advanced CSS & JavaScript Projects

Advanced CSS & JavaScript Projects

Sources: zerotomastery.io
Master CSS and JavaScript by creating real projects! Develop applications like a quiz, an expense tracker, and a podcast player. You will learn...
15 hours 24 minutes 29 seconds
Flexbox Simplified

Flexbox Simplified

Sources: kevin powell
Flexbox is a wonderful tool that opens up the world of responsive layouts, but it can be hard to predict exactly what's going to happen when we use it, and it's full of sometime...
4 hours 41 minutes 57 seconds
Tailwind UI (Application UI + Marketing)

Tailwind UI (Application UI + Marketing)

Sources: adamwathan
Tailwind UI is a collection of professionally designed, pre-built, fully responsive HTML snippets you can drop into your Tailwind projects. Get started by check
Create Animated Breaking News Graphics with HTML, CSS and JavaScript

Create Animated Breaking News Graphics with HTML, CSS and JavaScript

Sources: zerotomastery.io
Master the creation of dynamic overlays and animations for streams, scoreboards, and TV graphics. Learn the principles of working with animation and web technol
2 hours 40 minutes 39 seconds
Page Transitions

Page Transitions

Sources: superhi.com
Integrate the Barba.js Javascript library into your websites and use CSS and Javascript techniques to add smooth and harmonious effects.
4 hours 10 minutes 33 seconds