saif-mal1k / web-development

view slides here:

Home Page:https://saif-mal1k.github.io/web-development/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

web-development Notes

FRONTEND

HTML Notes:


CSS Notes:



BACKEND


Folder Structure of a Web-development Project

PROJECT_ROOT
|----- Pages        # page files
|      '--- api     # serverless functions
|----- Styles       # StyleSheets
|----- Script       # Scripts
|----- media        # contains all important media
|----- public       # Static Assets


How I'm Learning web development

  • learn html
  • learn CSS
  • learn js
  • Build your own static website
  • Build your own responsive website
  • Build your own dynamic website
  • clone a few websites using only above 3 language and no framework. I used Vscode as code editor & Live Server Extension.
  • develop a few websites by seeing ui/ux designs.
  • learn bootstrap, develop 5 fully functional websites as fast as possible.
  • learn a frontend framework such as React.
  • learn a backend framework such as Node.
  • learn express.


important concepts

MVC

CRUD

REST API

authentication



more (great tools and platforms)

git VCS & Github

Firebase

CI/CD jenkins

Docker Containers

Serverless functions

hosting tools











references:

  1. https://github.com/microsoft/Web-Dev-For-Beginners
  2. https://roadmap.sh/frontend
  3. https://roadmap.sh/backend
  4. https://roadmap.sh/devops

About

view slides here:

https://saif-mal1k.github.io/web-development/


Languages

Language:HTML 85.8%Language:JavaScript 11.6%Language:CSS 2.5%