Classes Video Recording

Front-end Web Development – Complete Guide (Step by Step) by Khalid Saifullah

Our Classes

HTML



Class – 1 (HTML)

How the Web Works, Browsing the Web, Breaking website, Internet, About the developer, front-end, back-end, full-stack

  • VS Code
  • Extensions
  • Build Your First Website
  • Text editor (VS Code) & extensions
  • Html tags (1) (H, P, Img, skeleton)
  • Self Closing HTML Tags
  • Anchor & Attributes etc…


Class – 2 (HTML)

Other HTML tags and little recap

  • Image
  • UI, OL, LI
  • Table
  • Form
  • Iframe
  • Video
  • Audio
  • Submitting A Form etc…

CSS



Class – 3 (CSS-1)

CSS – what we have learned from the class. We had interned issue, for that reason, our class is divided into 3 parts. we are sorry for that.

  • What and why CSS
  • Your First CSS (incline, internal)
  • CSS Selectors
  • CSS Properties
  • Text, Font, color, background
  • Images In CSS
  • CSS Box Model, Borders
  • Height and Width, Float
  • Create a Hero and header section etc…


Class – 4 (CSS-2)

CSS – Done!!!

  • Position & display
  • Overflow & Alignment & Opacity
  • Pseudo-classes & Pseudo-elements
  • Creating a love
  • Flexbox
  • CSS 3
    • Transitions and Transforms
  • Responsive (media query)
  • Basic animation


Class – 5 (CSS-3)

CSS – Done!!!

  • Build Few section of a website
  • Site we build zeppto.co
  • Extension VisBug


Class – 6 (CSS-4)

Added a few section CSS – Done!!!

  • 3 New section
  • How to use icons on HTML
  • Cool thing
  • linear gradient


Class – 7 (CSS-5)

Added a few section CSS – Done!!!

  • Full website done
  • Responsive
  • Mobile menu


Class – 8 (CSS-6)

bootstrap

  • bootstrap 5
  • Create a small website with bootstrap


Class – 9 (CSS-7)

bootstrap

  • bootstrap 5 build a website building


Class – 10 (CSS-8)

bootstrap

  • Building the full website


Class – 11 (jQuery)

Jquery

  • Plugins
  • Slider
  • Cool thnigs


Final Class – 12 

Final Class of 1st 1.5 month

  • Exam
  • Next
  • Bingo