About
This course teaches students how to build a website using HTML, CSS, and Javascript. Enrolling in this course helps master responsiveness in websites through front-end development.
Perfect for students looking for the simplest way to learn website development!
Learn from the Best
Introduction to Website Development Harsh Bhatia
Course curriculum
-
-
Promo Video
FREE PREVIEW -
Course Introduction
FREE PREVIEW -
Course Roadmap
FREE PREVIEW -
Course Instructions
-
-
-
Introduction
-
History of HTML
-
Environment Setup
-
Webpage Anatomy
-
Tags Attribute Elements
-
Starting of HTML Scripting(Part-1)
-
Starting of HTML Scripting(Part-2)
-
Anchor Element(Part-1)
-
Anchor Element(Part-2)
-
List Elements
-
Image Elements(Part-1)
-
Image Elements(Part-2)
-
Inline and Block Elements
-
DIV_Element
-
HTML Forms Part-1(I)
-
HTML Forms Part -1(II)
-
HTML Forms Part-2
-
HTML Forms Part-3(I)
-
HTML Forms Part-3(II)
-
HTML Forms Part-3(III)
-
Raw Structure of our portfolio(P-1)
-
Raw Structure of our portfolio(P-2)
-
Changing Typography using HTML Element(P-1)
-
Changing Typography using HTML Element(P-2)
-
Additional Video Github (Part1)
-
Additional Video Github (Part2)
-
Quiz - 1
-
-
-
Intoduction to CSS and Inline CSS
-
Fallback Font Families and Internal CSS (part I)
-
Fallback Font Families and Internal CSS (part II)
-
IDs and classes
-
Styling your Portfolio (part I)
-
Styling your Portfolio (part II)
-
Understanding paddings margins and borders (part I)
-
Understanding paddings margins and borders (part II)
-
Moving ahead with portfolios CSS (part I)
-
Moving ahead with portfolios CSS (part II)
-
Working with Google Fonts (part I)
-
Working with Google Fonts (part II)
-
Working with Google Fonts (part III)
-
Styling the landing area (part I)
-
Styling the landing area (part II)
-
Styling the landing area (part III)
-
Transitions and starting with the footer (part I)
-
Transitions and starting with the footer (part II)
-
Transitions and starting with the footer (part III)
-
Understanding Transitions and Borders better (part I)
-
Understanding Transitions and Borders better (part II)
-
Understanding Transitions and Borders better (part III)
-
Completing the footer section part I
-
Completing the footer section (part II)
-
External CSS and designing portfolios main area (part I)
-
External CSS and designing portfolios main area (part II)
-
External CSS and designing portfolios main area (part III)
-
Designing the Projects Area (part I)
-
Designing the Projects Area (part II)
-
Designing Project Cards (part I)
-
Designing Project Cards (part II)
-
Completing the project area (part1)
-
Completing the project area (part-2)
-
Completing the project area (part-3)
-
Completing the project area (part-4)
-
Completing the project area (part-5)
-
Introduction to media queries (part I)
-
Introduction to media queries (part II)
-
Media Queries Part-2 (I)
-
Media Queries Part-2 (II)
-
Media Queries Part-3 and rem unit
-
Introduction to Bootstrap (part I)
-
Introduction to Bootstrap (part II)
-
Introduction to Bootstrap (part III)
-
Bootstrap trial in portfolio and good practices
-
Bootstrap trial in portfolio and good practices (Part II)
-
Linking Nav Elements to content (part I)
-
Quiz - 2
-
Course Instructions
-
-
-
Introduction to JavaScript
-
Node and NPM
-
Console and Document
-
JS Console and Document
-
Variables in JS (part 1)
-
Variables in JS (part2)
-
Introduction to Operators
-
Data Types (part1)
-
Data Types (part-2)
-
String Data Type and JS Case Sensitivity and Naming Convention (part 1)
-
String Data Type and JS Case Sensitivity and Naming Convention (part2)
-
BigInt Boolean Conditional Statements and Operators (Part-1)
-
BigInt Boolean Conditiona Statements and Operators (part-2)
-
BigInt Boolean Conditiona Statements and Operators (part-3)
-
BigInt Boolean Conditional Statements and Operators ( part-4)
-
Conditional statements with user inputs (part-1)
-
Conditional statements with user inputs (part-2)
-
For Loop (Part-1)
-
For Loop (part-2)
-
While and Do While Loop
-
Let variable (Part-1)
-
Let variable (part-2)
-
Functions in JS (Part-1)
-
Functions in JS (Part-2)
-
Logical Operators (part-1)
-
Logical Operators (part-2)
-
Functions Part-2(I)
-
Functions Part-2(II)
-
Return statement (part-I)
-
Return statement(part-II)
-
Arrays(part-I)
-
Arrays (part-II)
-
JSON
-
Array and Arrow functions (part-I)
-
Array and Arrow functions (Part-II)
-
Hoisting
-
Integrating Java-script and menu for small screens (part-1)
-
Integrating Java-script and menu for small screens (part-2)
-
Integrating Java-script and menu for small screens (part-3)
-
Integrating Javascript and menu for small screens (part-4)
-
Connect Modal (Part-1)
-
Connect Modal (Part-2)
-
Connect Modal (Part-3)
-
Connect Modal (Part-4)
-
Deploying Portfolio using Netlify
-
Quiz - 3
-
Final Exam
-
About this course
- 127 lessons
- 18.5 hours of video content
What You'll Learn
Introduction
History of HTML
Environment Setup
Web Page Anatomy
Tags Attributes Elements
Starting HTML Scripting
Anchor Element
List Elements
Changing Typography using HTML Elements
Image Elements
Inline and Block Elements
DIV Element
HTML Forms
Raw Structure of our portfolio
Github
Introduction to Css and Inline CSS
Fallback Font Families and Internal CSS
IDs and classes
Styling your portfolio
Understanding paddings margins and borders
Moving ahead with portfolios CSS
Working with Google Fonts
Styling the landing area
Transitions and starting with the footer
Understanding Transitions and Borders better
Completing the footer section
External CSS and designing portfolios main area
Designing the Projects Area
Designing Project Cards
Completing the project area
Introduction to media queries
Media Queries
Media Queries and rem unit
Introduction to Bootstrap
Bootstrap trial in the portfolio and good practices
Linking Nav Elements to content
Introduction to JavaScript
Node and NPM
JS Console and Document
Variables in JS
Introduction to operators
Data Types
String Data Type and JS Case Sensitivity and Naming Convention
BigInt Boolean Conditional Statements and Operators
Conditional statements with user inputs
For Loop
While and Do While Loop
Let variable
Functions in JS
Logical Operators
Functions
Return statement
Arrays
JSON
Array and Arrow functions
Hoisting
Integrating Javascript and menu for small screens
Connect Modal
Deploying Portfolio using Netlify
What this Course Includes
- 119 Videos
- 3 Quizzes
- Course Completion Certificate
- 1 Real-Life Project
- Guaranteed Internship
- Lifetime accessibility
- Self-paced
Course Requirements
- A computer with an active Internet Connection and 2GB of storage.
- Willingness to learn and explore