Learn CSS fundamentals really fast, online and free. FULL COURSE: http://inarocket.com Learn front end development fast, step-by-step and with ready-to-use code. IN THIS MODULE YOU'LL LEARN: - What is CSS: content presentation (HTML for content structure and JavaScript for content behaviour). - Why use CSS: separation of presentation and content, more flexibility and control of styles, different styles for different rendering methods (screen, print, etc.). READY-TO-USE CODE: http://inarocket.com/courses/css/css-fundamentals/what-why.php BEST BOOKS TO LEARN CSS: - CSS: The Definitive Guide: Visual Presentation for the Web by O'Reilly Media. https://amzn.to/2VOWHQT - HTML and CSS: Design and Build Websites by John Wiley & Sons. https://amzn.to/2Ir5y3i - CSS: The Missing Manual by O'Reilly Media. https://amzn.to/2ImdyTf - CSS Visual Dictionary by Independently published. https://amzn.to/2xgwHUh

1. IN A ROCKET
Learn front-end development at rocket speed
CSS CSS FUNDAMENTALS
What & why

2. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHAT IS CSS
+CSS
Content presentation
JAVASCRIPT
Content behaviour
HTML
Content structure +
FRONT-END

3. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHAT IS CSS
C S SCascading Style Sheets
What means “cascading”? Don’t worry. We will learn about it later.

4. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHY USE CSS
CONTENT
+
PRESENTATION
PROBLEM

5. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHY USE CSS
A few years ago: every HTML file had a mix of content + styles.
Problem: to update any style in a web site, you had to modify all the HTML files.
website
content + styles
HTML
content + styles
HTML
content + styles
HTML
content + styles
HTML
content + styles
HTML
content + styles
HTML
content + styles
HTML
content + styles
HTML
Client
I don’t like my website’s headers in black.
Could you please change them to blue?
You
Noooooooooooooooooooooooooo!!!!!!!!!!
It will take me hours…

6. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHY USE CSS
SOLUTION
CONTENT
(HTML)
PRESENTATION
(CSS)
+

7. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHY USE CSS
Present day: HTML files only have content and are linked to independent CSS files (styles).
Solution: to update any style in a web site, you only have to modify your CSS.
website
styles
CSS
content
HTML
content
HTML
content
HTML
content
HTML
Client
I don’t like my website’s headers in black.
Could you please change them to blue?
You
Sure!
Done in a minute.

8. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
WHY USE CSS
CONTENT
(HTML)
PRESENTATION
(CSS)+
Responsive
Web Design

9. Learn front-end development at rocket speed
inarocket.com
by miguelsanchez.com
YOU CAN CONTINUE THIS COURSE FOR FREE ON
+ READY TO USE CODE
+ QUIZZES
+ FREE UPDATES

10. We respect your time
No more blah blah videos. Just straight to
the point slides with relevant information.
Ready to use code
Real code you can just copy and paste into
your real projects.
Step by step guides
Clear and concise steps to build real use
solutions. No missed points.
Learn front-end development at rocket speed
inarocket.com

11. IN A ROCKET
Learn front-end development at rocket speed
CSS CSS FUNDAMENTALS
What & why