week-2-css-finale.md

Week 2:

CSS Finale

Topics/Todos:

• CSS

CSS Psuedo selectors, Responsive design (media queries), CSS Variables, Grid, Animations and transforms, CSS Cascade, Overflow, Z index

• Responsive Web Design Certification | freeCodeCamp.org

Complete the entire course along with all projects to get certified.

• Read the article: Inspecting HTML and CSS | The Odin Project Complete this page and its assignments.

By the end of this week, make sure to cover all topics in the HTML Tutorial of W3Schools (Topics seen in the 'HTML Tutorial’ section in the sidebar) & CSS Tutorial (CSS Tutorial, 'CSS tutorial' section in the sidebar)

• Non-tech

Create a LinkedIn profile if you don’t have one already. If you are new to LinkedIn, watch this.

You can add your Freecodecamp certification to your Linkedin profile.

Resources:

Students need not refer to every resource given. Select any 1/2 resources for a single topic.

Articles:

• [Recommended] The web and web standards - Learn web development | MDN

  Read this after completing the HTML and CSS sections.

• Grid for layout, Flexbox for components

Youtube Videos:

• Videos from 100Devs bootcamp: Free Software Engineering Bootcamp - #100Devs - YouTube

Can use videos 5-8 in this playlist and watch the sections covering topics for this week.

• Complete the CSS Youtube video resources given in the Week 1 curriculum.

Others:

• [Recommended]: Grid garden game Grid Garden
• [Recommended]: CSS Diner game CSS Diner - Where we feast on CSS Selectors! (flukeout.github.io)
• Complete the topics covered in CSS MDN Docs Learn to style HTML using CSS - Learn web development | MDN

Weekly Practical Tasks:

1. Create a website for zerocamp (add FAQs, and About sections, and add a simple contact form)
2. Try to utilize the maximum topics learned to build a clone webpage of any popular website (Google, Netflix, Youtube, etc.)