by Pulkit Khatter
Experience: 4 Yrs
This course provides a foundational understanding of web development, guiding you through the essential technologies needed to build and launch your first w...
Online
80 hours
English, Hindi, Punjabi
fatehabad
30000 INR Per Full Course
Weekdays and Weekend
4 Years
2.4 Years
This course provides a foundational understanding of web development, guiding you through the essential technologies needed to build and launch your first website.
Lesson 1: What is a Website?
Understanding the purpose and function of websites.
Difference between static and dynamic websites.
Lesson 2: How the Web Works
Introduction to clients, servers, and browsers.
The role of HTTP/HTTPS and domain names.
Lesson 3: Frontend vs. Backend
Defining frontend (what the user sees) and backend (the "behind the scenes" logic).
Overview of the core technologies for each.
Lesson 4: Setting Up Your Tools
Choosing and installing a code editor (e.g., VS Code).
Using browser developer tools for inspection and debugging.
Lesson 1: Introduction to HTML
What is HTML (HyperText Markup Language)?
Understanding tags, elements, and attributes.
Lesson 2: Your First HTML Page
The basic document structure: <!DOCTYPE>, <html>, <head>, <body>.
Creating headings (<h1> to <h6>), paragraphs (<p>), and links (<a>).
Lesson 3: Working with Content
Adding images (<img>).
Creating ordered (<ol>) and unordered (<ul>) lists.
Lesson 4: Semantic HTML
The importance of using meaningful tags.
Structuring pages with <header>, <footer>, <nav>, <main>, and <section>.
Project: Build a simple, multi-page "About Me" website.
Lesson 1: Introduction to CSS
What is CSS (Cascading Style Sheets)?
Three ways to add CSS: inline, internal, and external.
Lesson 2: Selectors and Properties
Targeting elements with selectors (type, class, and ID).
Styling text (color, font-size, font-family).
Changing backgrounds and colors.
Lesson 3: The Box Model
Understanding margin, border, padding, and content.
Controlling the size and spacing of elements.
Lesson 4: Basic Layout with Flexbox
A beginner's guide to creating flexible layouts.
Aligning and distributing items in a container.
Project: Apply CSS to style your "About Me" website.
Lesson 1: Introduction to JavaScript
What is JavaScript and what can it do?
Adding JavaScript to your HTML file.
Lesson 2: JS Fundamentals
Variables (let, const), data types, and comments.
Introduction to functions.
Lesson 3: The Document Object Model (DOM)
What is the DOM?
Selecting and modifying HTML elements with JavaScript.
Lesson 4: Handling Events
Making things happen with user actions like clicks (onclick).
Project: Add an interactive element to your website, like a button that reveals more information.
Lesson 1: Final Project
Combine your HTML, CSS, and JavaScript skills to build a simple one-page portfolio or business landing page.
Lesson 2: Introduction to Web Hosting
What is web hosting?
Overview of simple hosting options (e.g., GitHub Pages, Netlify).
Lesson 3: Next Steps
Where to go from here?
Introduction to responsive design, JavaScript frameworks (like React), and backend development.
Pulkit Khatter
Experience: 4 Yrs
Pulkit Khatter
Experience: 4 Yrs