sakpab2602 / web Goto Github PK

• w3schools
• MDN web docs
• List of important tags :
  • Heading tags
  • Paragraph tag
  • Anchor tag
  • List tags
  • Image tag
  • Form tags
  • Table tags
  • Meta tag, etc.

• w3schools
• MDN web docs
• List of important topics to learn in CSS :
  • Different type of Stylesheets
  • Selectors
  • Basic Styling such as font-size, width, etc.
  • Color formats
  • Box Model
  • Display, Positon and Float
  • Psuedo Classes and Combinators
  • Fluid Layouts
  • Media Queries
  • Flexbox and Grids
  • Transforms, Transitions and Animations

Create atleast one animation, transformation and transition using only CSS.

Use Flexbox atleast for one section.

Use Psuedo Classes atleast once.

Use Descendant Selector atleast once.

Make the website responsive.

So, that's a lot of learning for 3 days straight. Go watch this, have a coffee and get back because CODERS NEVER QUIT, QUITTERS NEVER CODE

• MDN Web Docs
• Eloquent Javascript Book for reference
• List of important topics to learn in Javascipt :
  • Types, Variables and Scoping
  • Objects and Functions
  • The DOM
  • Events and EventListeners
  • Flow Control
  • ES6, etc

Start adding JS to your project. Keep all the JS in <project_dir>/assets/js/ folder.

You can also use JQuery or any other Framework for styling.

Add the JS script in your index.html using script tag

Create atleast

• Two of these animations by DOM manipulation using Javascript -
  • Fade-Effect
  • Roll-in or Roll-out
  • Page-In or Page-out
  • Object Movements
  • Fireworks
• Two EventListeners for events like Click, KeyDown, Resize, etc.