You can launch a new career in web development by simply learning HTML and CSS. You don't need a university degree or any paid software, everything can be learned for free with free software and a few hours of your time. This course also comes with my full CSS Masterclass e-book, as an added bonus!
This entire course is designed to take you from a beginner to a CSS expert in order to prepare you for a job as a web developer.
Don't limit yourself with those terrible site-builder tools. They are cool tools, but ultimately the limit your creativity. By learning CSS you'll be able to unleash your creativity!
THIS COURSE COMES WITH:
Over 170 lessons
Over 140 tasks (found at the end of each lesson)
My CSS Masterclass e-book that has interactive code examples
Over 25 self contained modules so you can skip around if you like
Direct access to me through the Q&A section (I answer questions within a few hours MAX)
Unlimited 24/7 Access through the website, the app, your phone or even your TV
A certificate of completion
Access to my Developer Support Group where you can ask me questions directly
Quizzes at the end of each module
This course does not assume any prior knowledge in CSS, but it's also broken up into small section that allow you to skip around (so you don't have to watch everything you already know about).
I've taught over 55,000 students on Udemy, so you know you can trust me and what I'm going to teach you. Here's what some people have said about my other courses:
"This course is worth doing it like what i call baby steps ... i did the course again and practice a lot i sometime refer to some video if i struggle well done"
"very clear explanation how things example with alot of examples. Very good!"
"absolutely love this course! Perfect! You can't go wrong with this Udemy Instructor."
"Great info. I think it breaks a lot of the myth of what you should and need to know to get a job doing front end development. A++"
"It was a good experience. This course was excellent for me as beginner. Now, I am looking to create my first website. Thank you Mr. Kalob Taulien."
Are you looking for the best way to learn how to build beautiful websites with CSS3? What about websites that look even better on your phone?
Do you want to learn everything in one course? (no upgrades, no up-selling .. just me and you, a bunch of code and some great projects)
Have you taken other CSS courses but didn't actually learn how to build beautiful and responsive websites? Or did they teach you things that you can't apply in real life?
If your answer is a big YES... Then this is exactly the course you are looking for! This is the one-stop-shop for all your CSS learning needs!
This course is very hands on. Over 140 lessons have tasks at the end of them so you can gain immediate experience with everything new you've learned.
YOU'RE GOING TO LEARN AMAZING ADVANCED CSS3 SUCH AS:
Responsive Web Design
CSS Transitions: You'll learn how to slowly animate website components using transitions. Like when you put your mouse over a link and it slowly changes color (instead of being instant.. it looks like a fading effect!)
Gradients: No Photoshop required! We'll learn how to master gradients from scratch. It's a lot easier than you think and adds a nice visual aspect to your websites!
Transformations: You'll learn about 2D and 3D transformations. Like making an element bigger but keeping it's height and width proportional. Rotating elements has never been easier! Change the perspective on an element adds a nice angle to your elements, and can make your text look like the intro to Star Wars.
Flexbox: Flexbox is probably the most important CSS3 property. It lets you set an element's base size and allow it to grow or shrink depending on other content. You can vertically align content without tables or CSS "hacks". It makes responsive web design SO EASY. You can re-arrange your HTML elements without writing any HTML (pure css!) With transitions, you can make a VERY nice website. You'll get real life practice with flexbox AND how you can make a website responsive (there's a project based on creating a Flexbox layout!)
Responsive Web Design (RWD): Learn exactly how we make a website "responsive", which really just means "the website transforms when you view it on a phone or a laptop". We'll dive into Responsive Web Design, media queries, and get hands on practice creating our own responsive website!
Here's the link to the free CSS3 e-book you'll need: https://cdn.kalob.io/books/CSSMasterclassBook.pdf?year=2019
Introduction To CSS
How to Ask Good Questions
Repeating Background Images
The Box Model
Centering an Element
Style This Form Using Only CSS
Solution To Mini Project Style This Using Only CSS
Fonts: Serif vs Sans Serif
Lots Of Free Custom Fonts
Descendant Selectors and Specificity
List Style Position
List Style Image
Table Cell Vertical Align
Table Row Hover Effect
Mini Project: Style This Table
Mini Project Solution: Style This Table
Display Inline Block
Overlapping Elements with z-index
Float Left and Right
Advanced Selectors Introduction
Advanced Selectors Attributes
Advanced Selectors Exact Value
Advanced Selectors Contains Value
Advanced Selectors Starts With
Advanced Selectors Ends With
Pseudo Selectors Introduction
Pseudo Selectors Hover
Pseudo Selectors First Child
Pseudo Selectors Last Child
Pseudo Selectors Focus
Pseudo Selectors Checked
Pseudo Selectors Disabled
Pseudo Selectors Enabled
Pseudo Selectors Not
Pseudo Selectors Before
Pseudo Selectors After
Project Use What You've Learned
Project Solution Use What You've Learned Part 1
Project Solution Use What You've Learned Part 2
Project Solution Use What You've Learned Part 3
Individually Rounded Corners
Two Background Images
Colors HSL and HSLA
Opacity vs Alpha
Linear Gradients Color and Transparency
Repeating Linear Gradients
Repeating Radial Gradients
Mini Project: Creating A Card
Text Align Last
Transition Timing Functions
Animation Fill Mode
Animation Iteration Count
Animation Timing Function
Animation Mini Project
Animation Mini Project Solution
Flexbox Equal Sized Columns
Flexbox Rows and Columns
Flexbox Rows and Columns in Reverse
Flexbox Vertical Alignment
Flexbox Align Items
Flexbox Justify Content
Flexbox Align Self
Flexbox Align Content
Flexbox Layout Project Getting Setup Part 1
Flexbox Layout Project Body Styling Part 2
Flexbox Layout Project RWD Part 3
Responsive Web Design (RWD) Introduction
Responsive Web Design (RWD) Meta Tag
Responsive Web Design (RWD) A Quick Demo
Responsive Web Design (RWD) Responsive Layout with Flexbox Part 1
Responsive Web Design (RWD) Responsive Layout with Flexbox Part 2
Responsive Web Design (RWD) Print
Responsive Web Design (RWD) Multiple Media Queries