Front-end Technologies

• HTML
• CSS
• JavaScript
• Booststrap framework
• ReactJS

Backend Technologies

• Node.js - express.js - nodemoon - cors - dotenv
• PHP
• C#
• Java
• Python

Databases

• MongoDb
• Mysql
• SQLite
• Firebase
• Postgreessql
• Oracle

• VCS (Source code Management) - Distributed VCS - Git, Mercurial - Remote(Central) VCS - Github, Bitbucket

Git

• git init
• git add filename
• git add filename1 filename5 filename100
• git add . or git add --all
• git status
• Do git configurations (set user .name and user .email)
• commit data with commit message

welcome tosvec

HTML5

• Hyper Text Markup Language

• Semantic Elements

  • header
  • section
  • article
  • aside
  • footer
  • table

• Block Level Elements

  • h1 to h6
  • paragraph
  • div
  • all semantic elements
  • Text will start from newline

• Inline Elements

  • span
  • img
  • a
  • nav
  • form
  • input
  • textarea
  • legend
  • sup
  • sub
  • ul
  • ol Task : ======

• Audio

• Video

• Canvas

• Progress

• Datalist

• Meter

• Select

CSS

• Cascading Style Sheets
• Types of CSS
  • Inline CSS
  • Internal CSS
  • External CSS
• Syntax of CSS

selector {
    css properties
}

Selectors

• Simple selectors

  • Universal Selector (*)
  • By Element Name
  • Grouping selector (,)
  • Class Selector
  • Id selector

• Combinators

  • Desecendent selector ( )
  • Child selector (>)
  • Adjacent sibling selector (+)
  • General sibling selector (~)

• Pseudo class selector

• Pseudo element selector

• Attribute selector

Box Model

• margin

• border

• padding

  -  padding : 10px (for all adjacent sides)
  -  padding : 10px 30px (10px for top & bottom; 30px for left & ight)
  -  padding : 10px 300px 50px (10px for top; 300px for for left & right; 50px for bottom)
  -  padding : 10px 30px 4px 50px (top,right,bottom,left)
  

• width

• 1rem=16px

Reference links

• github login
• freeSVG
• Flation
• html color codes
• webaim(for checking contrast)