CSS3 Ultimate Guide 2022

CSS3 For Web Development: Quickly Master CSS3 By Building A Project From Scratch

Rating: 4.1 out of 5

4.1  (1,086 ratings)

169,740 students

Created by Learn Tech Plus 

Last updated 07/2022

English

What you'll learn

1. You will be comfortable writing CSS3 by hand
2. Build Real World Websites with CSS3 from Scratch
3. Build Advanced Websites with CSS3
4. Style an Actual Project From Scratch Using CSS3
5. How To Easily Style Beautiful Websites From Scratch Using CSS3
6. The Necessary Skills & Knowledge To Quickly Style & Edit Web Pages
7. Download & Install MAMP for working in a local Web Development Enviornment
8. Learn How To Use CSS3 For Web Development & Web Design
9. Learn & Master The Use Of CSS3 Proprerties (Starting With The Advanced Ones)
10. Download & Install Sublime Text 3 Text Editor for Coding
11. Download & Install Firefox Web Browser for testing & Debuggin your web pages

Course content

11 sections • 100 lectures • 6h 9m total length

Enroll now

Description

Have you always wanted to learn how to code but don't know where to start?

Would you like to make amazing websites and bring your ideas to life?

Then CSS3 Ultimate Course is for you!

Hi, I’m your instructor Josh Werner and I’ll be leading you through this course.

Programming is the most in-demand skill in 2021.

The course begins with the basics. 

I'll take you through everything you need to know to start building websites like an expert.

You'll learn all the fundamentals of CSS3 and how you can style your own websites.

This is great for students starting or advanced developers that need a refresher course on CSS3.

There are no requirements necessary to enroll I only ask that you come open minded and ready to learn

Feel Free to look through the course description and checkout some of my preview videos

The course is packed with over 6 hours of hands-on tutorials

Here is what you will Learn:

01. Introduction

     01. Overview

02. FireFox Developer Edition

     02. Overview

     03. Download & Install

     04. Features

     05. Developer Tools

     06. Summary

03. Atom

     07. Overview

     08. Download & Install

     09. Open a Project

     10. Version Control with GitHub

     11. Collaborate with Teletype

     12. Install a Package

     13. Choose a Theme

     14. Hack on the Init Script

     15. Add a Snippet

     16. Keyboard Shortcuts

     17. Summary

04. History

     18. Overview

     19. History

     20. What is CSS

     21. What is CSS3 

05. Basic Properties   

     22. Overview

     23. Download Course Files

     24. Comments

     25. Insert CSS

     26. Syntax

     27. Selectors

     28. Colors

     29. Backgrounds

     30. Borders

     31. Margins

     32. Padding

     33. Height/Width

     34. Box Model

     35. Outline

     36. Text

     37. Fonts

     38. Icons

     39. Links

     40. Lists

     41. Tables

     42. Display

     43. Max-Width

     44. Position

     45. Overflow

     46. Float

     47. Inline-Block

     48. Align

     49. Combinators

     50. Pseudo Class

     51. Pseudo Element

     52. Opacity

     53. Navigation Bar

     54. Dropdowns

     55. Image Gallery

     56. Image Sprites

     57. Attribute Selectors

     58. Forms

     59. Counters

     60. Website layout

     61. Units

     62. Specificity

     63. !important

06. Advanced Properties

     64. Overview       

     65. Rounded Corners

     66. Border Images

     67. Gradients

     68. Shadows

     69. Transitions

     70. Animations

     71. Tooltips

     72. Buttons

     73. Pagination

     74. Media Queries

07. Flexbox 

     75. Overview

     76. Flexbox

     77. Flex Container

     78. Flex Items

     79. Flex Responsive

08. Responsive

     80. Overview

     81. Viewport

     82. Grid View

     83. Media Queries

     84. Images 

     85. Videos

     86. Frameworks 

     87. Templates

09. Grid

     88. Overview

     89. Grid

     90. Grid Container

     91. Grid Item

10. Project

     92. Overview

     93. Style Home Page

     94. Style Tech Support Page

     95. Style Course Page

     96. Style Premium Page

     97. Style Learn Tech Page

     98. Style Contact Page

     99. Summary

11. Conclusion

    100. Summary

So what are you waiting for? I look forward to going through course with you I’ll see you inside!

Who this course is for:

• Complete beginners who want to learn how to build a professional, beautiful and responsive website
• Students with some knowledge about CSS, but who struggle to put together a great website
• Designers who want to expand their skill set in CSS

Instructor : Learn Tech Plus

Web Development | Adobe | Google | Microsoft | Productivity

Learn Tech Plus

3.8 Instructor Rating

55,418 Reviews

1,448,440 Students

175 Courses