Website Development Course | Learn HTML, CSS & JavaScript |
Duration:80 hours
Batch Type:Weekend and Weekdays
Languages:English, Hindi, Punjabi
Class Type:Online
Course Fee:
Course Content
Basic Website Development Course
This course provides a foundational understanding of web development, guiding you through the essential technologies needed to build and launch your first website.
Module 1: Getting Started with Web Development
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.
Module 2: HTML - Structuring the Web
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.
Module 3: CSS - Styling Your 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, andcontent.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.
Module 4: JavaScript - Adding Interactivity
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.
Module 5: Launching Your Website
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.
Skills
Html Css and Javascript
Tutor
I am Pulkit Khatter is a highly skilled and versatile website developer and mobile app developer with over 2 years of experience in Android app
0.0 Average Ratings
0 Reviews
4 Years Experience
Near Ryan School, old tehsil road
.png&w=640&q=75)
0.0
