Course Duration: 40+ Classes (5 months)
Basic To Advance
- ⇒ *Orientation
-
- ⇒ *HTML (Hyper Text Markup Language)
- ✅ Introduction to HTML
- ✅ Proper Use of HTML
- ✅ HTML TAGS OVERVIEWS
- ✅ Types of Tags in HTML
- ✅ Block Tags
- ✅ Inline Tags
- ✅ HTML SYNTAX
- ✅ HTML Headings Tags (H1 - H6)
- ✅ HTML Comments
- ✅ Div and Span to organize content
- ✅ Hyperlinks Anchor Tag
- ✅ Image, Video, Audio Tags
- ✅ HTML lists
- ✅ HTML tables
- ✅ HTML Forms
- ✅ HTML iframe.
- ✅ Select and Option Tags
- ✅ HTML Entities
- ✅ HTML5 Semantic Tags
- ✅ Use of attributes
- ✅ MAKE A WEBSITE BY USING HTML TAGS
- ✅ Problem Solving about HTML
- ✅ ADDITIONAL RESOURCES
- ⇒ *CSS (Cascading StyleSheet)
- ✅ CSS OVERVIEW
- ✅ CSS SYNTAX
- ✅ Ways of Using CSS
- ✅ CSS element selection Class, id and tag
- ✅ Property and Values
- ✅ CSS Colors
- ✅ CSS Font styles
- ✅ CSS Background
- ✅ CSS Height, Width
- ✅ CSS Spacing
- ✅ CSS Alignment
- ✅ CSS Transform
- ✅ CSS Float, Overflow
- ✅ CSS Border
- ✅ CSS Display Property
- ✅ Difference of display and visibility
- ✅ Z-index
- ✅ CSS Font Family + Google fonts
- ✅ Box Model
- ✅ Box Shadow
- ✅ Fix Image size
- ✅ Cursor property
- ✅ CSS Position
- ✅ CSS Pseudo Classes & Elements
- ✅ PAGE LAYOUT
- ✅ CSS Flexbox
- ✅ CSS Grid
- ✅ CSS media Query (Responsive Design)
- ✅ ADDITIONAL RESOURCES
- ⇒ *JS (JavaScript)
- ✅ JS Introduction
- ✅ Way of using JS
- ✅ JavaScript Output
- ✅ JavaScript InnerHTML
- ✅ JavaScript Comment
- ✅ JavaScript Constants
- ✅ JavaScript Variables
- ✅ JavaScript Data Types
- ✅ JS Conditional Statements
- ✅ JS Min and Max Function
- ✅ JavaScript Arrays
- ✅ JavaScript Loops
- ✅ JavaScript Functions
- ✅ JavaScript Events
- ✅ JS Dom Manipulation
- ✅ JS simple Project 1 - BG color Changer
- ✅ JS simple Project 2 - Photo Gallery
Library & Frameworks
- ⇒ *PSD to HTML
- ✅ Introduction of PhotoShop
- ✅ Tools Overview
- ✅ Convert PSD into HTML
- ✅ Additional Resources
- ⇒ *Figma to HTML
- ✅ Introduction of Figma
- ✅ Tools Overview
- ✅ Convert Figma into HTML
- ✅ Figma Resources
- ⇒ *Bootstrap
- ✅ Introduction of BootStrap
- ✅ Setup Bootstrap
- ✅ Use of Bootstrap Classes
- ✅ Section Design with Bootstrap
- ✅ Effects of Bootstrap
- ✅ Use of Icon
- ✅ Bootstrap Buttons
- ✅ Bootstrap colors
- ✅ Bootstrap Grid System
- ✅ Responsive Design with Bootstrap
- ✅ Slide by Bootstrap
- ✅ Use of all bootstrap class
- ✅ Design a web page by Bootstrap
- ⇒ *TailwindCSS
- ✅ Introduction of TailwindCSS
- ✅ TailwindCSS Installation
- ✅ Use of TailwindCSS Classes
- ✅ TailwindCSS Classes
- ✅ TailwindCSS Container
- ✅ TailwindCSS Colors
- ✅ TailwindCSS Gradient
- ✅ TailwindCSS Spacing
- ✅ TailwindCSS Typography
- ✅ TailwindCSS Sizing
- ✅ TailwindCSS Background
- ✅ TailwindCSS Borders
- ✅ TailwindCSS Effects
- ✅ TailwindCSS Hover, focus
- ✅ TailwindCSS Flexbox & Grid
- ✅ TailwindCSS Components
- ✅ Responsive Design with TailwindCSS
- ✅ Web Page design with TailwindCSS
- ✅ TailwindCSS Resources
- ⇒ *React.js
- ✅ Introduction of React
- ✅ Quick Tour
- ✅ React Installation
- ✅ Working with Event
- ✅ Style - Inline style
- ✅ Style - CSS
- ✅ Working with State
- ✅ Components
- ✅ Data
- ✅ Functions
- ✅ Array
- ✅ Amazing Design with React
- ⇒ *Extras
- ✅ Git and Github
- ✅ Domain Hosting Purchase
- ✅ Hosting website into server
- ⇒ *PHP basic to advance
Freelancing
- ⇒ *Branding
- ✅ Create Professional social media accounts (LinkedIn, Instagram, Twitter, Quora, facebook etc).
- ✅ Grow connections or friends.
- ✅ Communicate with them regularly.
- ✅ Post or send them messages about your services continuously.
- ✅ Stay Online.
- ⇒ *Fiverr.com
- - SIGNUP
- - COMPLETE PROFILE CREATION
- - GIG OPEN
- - BRANDING
- ⇒ *Freelancer.com
- - SIGNUP
- - COMPLETE PROFILE CREATION
- - Contest
- ⇒ *Upwork.com
- - SIGNUP
- - COMPLETE PROFILE CREATION
- - CONNECT OVERVIEWS
- - PROJECT CATALOGUE
- - BIDDING
- - FIND WORK