/Full-Stack-Web-Development

This repo is created to track and learn the tech stacks required to be a full stack developer.

Primary LanguageHTMLMIT LicenseMIT

web page of this repository.

Any views and feadback is much appreciated.just post that in Discussion tab of this reprository, or create a issue. if This repo is adding any value to your Tech career, you can support me by following on Satyam's Github and You can DM me on Twitter Satyam's twitter if you need any help with repo.

Motivation

  • This repository is made with with key principals:-
  • collab first code second.
  • learn in public.
  • Involve and contribute to Open source projects.

Web-development-learning-personal- (This is made for tracking the self learning purposes, but you can also use this path if you would like.)

This roadmap is made in accordance of WEB development in 2021 roadmap video

Traversy media yt channel Roadmap Video Here

week 1 plan:

1) Complete free code camp (responsive web design course)

2) Basic html (using youtube and projects)

  • HTML 5 page structure and sementics tags.
  • Basic css styling
  • Positioning
  • Alignment(CSS Grid and Flexbox).
  • Transition and Amination.
  • Responsive Design / Media query.
  • Make a portfolio website with github pages. and use some formatting using jekyl.
  • Learn hosting through Netlify trail version.

Week 3 and 4 plan:

3) SASS

  • Sass stands for Syntactically Awesome Stylesheet.
  • Sass is an extension to CSS.
  • Sass is a CSS pre-processor.
  • Sass is completely compatible with all versions of CSS.
  • Sass reduces repetition of CSS and therefore saves time.

4)CSS UI Framework.

  • Tailwind CSS

week 5-6 plan:

5) UI Design:

  • colour and contrast (make sure text is readable.)
  • White spaces (spacing btw elements)
  • scale (Sizing relative to other element)
  • Visual hierarchy (Arrange in order of importance)
  • Typography( text typefaces,sizing)
  • recommended yt video

Resources to follow to learn the above concept:

(this roadmap page is in progress) and any views and feadback is much appreciated.just post that in Discussion tab of this reprository, or create a issue.