About


Learn about Website Development from scratch by building your own website using HTML, CSS and Javascript. Master responsive front-end development by building a complete awesome website, travel the journey from an absolute beginner to a Certified Web Developer in this course with Skillarena.

Learn from the Best

Introduction to Website Development Harsh Bhatia

A software engineer, Harsh has been a part of the IT industry for more than 3 years. A highly skilled professional in the field of website development and data analytics, Harsh believes in self-learning and constant improvement. His knowledge, experience, and skills – Shape your career as a professional Web Developer.

Course curriculum

    1. Promo Video

      FREE PREVIEW

    2. Course Introduction

      FREE PREVIEW

    3. Course Roadmap

      FREE PREVIEW

    4. Course Instructions

    1. Introduction

    2. History of HTML

    3. Environment Setup

    4. Webpage Anatomy

    5. Tags Attribute Elements

    6. Starting of HTML Scripting(Part-1)

    7. Starting of HTML Scripting(Part-2)

    8. Anchor Element(Part-1)

    9. Anchor Element(Part-2)

    10. List Elements

    11. Image Elements(Part-1)

    12. Image Elements(Part-2)

    13. Inline and Block Elements

    14. DIV_Element

    15. HTML Forms Part-1(I)

    16. HTML Forms Part -1(II)

    17. HTML Forms Part-2

    18. HTML Forms Part-3(I)

    19. HTML Forms Part-3(II)

    20. HTML Forms Part-3(III)

    21. Raw Structure of our portfolio(P-1)

    22. Raw Structure of our portfolio(P-2)

    23. Changing Typography using HTML Element(P-1)

    24. Changing Typography using HTML Element(P-2)

    25. Additional Video Github (Part1)

    26. Additional Video Github (Part2)

    27. Quiz - 1

    1. Intoduction to CSS and Inline CSS

    2. Fallback Font Families and Internal CSS (part I)

    3. Fallback Font Families and Internal CSS (part II)

    4. IDs and classes

    5. Styling your Portfolio (part I)

    6. Styling your Portfolio (part II)

    7. Understanding paddings margins and borders (part I)

    8. Understanding paddings margins and borders (part II)

    9. Moving ahead with portfolios CSS (part I)

    10. Moving ahead with portfolios CSS (part II)

    11. Working with Google Fonts (part I)

    12. Working with Google Fonts (part II)

    13. Working with Google Fonts (part III)

    14. Styling the landing area (part I)

    15. Styling the landing area (part II)

    16. Styling the landing area (part III)

    17. Transitions and starting with the footer (part I)

    18. Transitions and starting with the footer (part II)

    19. Transitions and starting with the footer (part III)

    20. Understanding Transitions and Borders better (part I)

    21. Understanding Transitions and Borders better (part II)

    22. Understanding Transitions and Borders better (part III)

    23. Completing the footer section part I

    24. Completing the footer section (part II)

    25. External CSS and designing portfolios main area (part I)

    26. External CSS and designing portfolios main area (part II)

    27. External CSS and designing portfolios main area (part III)

    28. Designing the Projects Area (part I)

    29. Designing the Projects Area (part II)

    30. Designing Project Cards (part I)

    31. Designing Project Cards (part II)

    32. Completing the project area (part1)

    33. Completing the project area (part-2)

    34. Completing the project area (part-3)

    35. Completing the project area (part-4)

    36. Completing the project area (part-5)

    37. Introduction to media queries (part I)

    38. Introduction to media queries (part II)

    39. Media Queries Part-2 (I)

    40. Media Queries Part-2 (II)

    41. Media Queries Part-3 and rem unit

    42. Introduction to Bootstrap (part I)

    43. Introduction to Bootstrap (part II)

    44. Introduction to Bootstrap (part III)

    45. Bootstrap trial in portfolio and good practices

    46. Bootstrap trial in portfolio and good practices (Part II)

    47. Linking Nav Elements to content (part I)

    48. Quiz - 2

    49. Course Instructions

    1. Introduction to JavaScript

    2. Node and NPM

    3. Console and Document

    4. JS Console and Document

    5. Variables in JS (part 1)

    6. Variables in JS (part2)

    7. Introduction to Operators

    8. Data Types (part1)

    9. Data Types (part-2)

    10. String Data Type and JS Case Sensitivity and Naming Convention (part 1)

    11. String Data Type and JS Case Sensitivity and Naming Convention (part2)

    12. BigInt Boolean Conditional Statements and Operators (Part-1)

    13. BigInt Boolean Conditiona Statements and Operators (part-2)

    14. BigInt Boolean Conditiona Statements and Operators (part-3)

    15. BigInt Boolean Conditional Statements and Operators ( part-4)

    16. Conditional statements with user inputs (part-1)

    17. Conditional statements with user inputs (part-2)

    18. For Loop (Part-1)

    19. For Loop (part-2)

    20. While and Do While Loop

    21. Let variable (Part-1)

    22. Let variable (part-2)

    23. Functions in JS (Part-1)

    24. Functions in JS (Part-2)

    25. Logical Operators (part-1)

    26. Logical Operators (part-2)

    27. Functions Part-2(I)

    28. Functions Part-2(II)

    29. Return statement (part-I)

    30. Return statement(part-II)

    31. Arrays(part-I)

    32. Arrays (part-II)

    33. JSON

    34. Array and Arrow functions (part-I)

    35. Array and Arrow functions (Part-II)

    36. Hoisting

    37. Integrating Java-script and menu for small screens (part-1)

    38. Integrating Java-script and menu for small screens (part-2)

    39. Integrating Java-script and menu for small screens (part-3)

    40. Integrating Javascript and menu for small screens (part-4)

    41. Connect Modal (Part-1)

    42. Connect Modal (Part-2)

    43. Connect Modal (Part-3)

    44. Connect Modal (Part-4)

    45. Deploying Portfolio using Netlify

    46. Quiz - 3

    47. 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