Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
28 views

Web Development Fundamentals Course Outline Data Analytics

Uploaded by

bansalvarun4321
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
28 views

Web Development Fundamentals Course Outline Data Analytics

Uploaded by

bansalvarun4321
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Web Development Fundamentals

Syllabus Outline

Total Duration: 35 Hours

Module 1: Introduction to Web Development (2 Hours)

➔ Overview of Web Development


◆ What is Web Development?
◆ Understanding the Client-Server Model
◆ Overview of HTML, CSS, and JavaScript
➔ Setting Up the Development Environment
◆ Code Editors (VS Code, Sublime Text)
◆ Browsers and Developer Tools

Module 2: HTML Basics (8 Hours)

➔ Introduction to HTML
◆ What is HTML?
◆ HTML Document Structure
◆ Basic HTML Tags (<html>, <head>, <body>, <title>)
➔ Text Formatting and Layout
◆ Headings, Paragraphs, and Text Formatting
◆ Lists (Ordered and Unordered)
◆ Links and Anchors
◆ Images and Multimedia Elements
➔ Forms and Input Elements
◆ Creating Forms
◆ Different Input Types (text, radio, checkbox, etc.)
◆ Form Validation Attributes
➔ HTML5 Semantic Elements
◆ Introduction to Semantic HTML
◆ <header>, <footer>, <article>, <section>, <nav>
Module 3: CSS Basics (6 Hours)

➔ Introduction to CSS
◆ What is CSS?
◆ How CSS Works with HTML
◆ Inline, Internal, and External CSS
➔ CSS Selectors and Properties
◆ Basic Selectors (Element, Class, ID)
◆ Combinators (Descendant, Child, Sibling)
◆ Styling Text, Backgrounds, and Borders
➔ Box Model and Layout Techniques
◆ Understanding the Box Model
◆ Margin, Border, Padding, and Content
◆ Display and Positioning (Static, Relative, Absolute, Fixed)
➔ Responsive Design Basics
◆ Media Queries
◆ Mobile-first Design
◆ Flexbox Overview

Module 4: Advanced CSS (6 Hours)

➔ CSS Grid Layout


◆ Introduction to CSS Grid
◆ Creating Grid Containers and Items
◆ Grid Lines and Areas
➔ Transitions and Animations
◆ CSS Transitions
◆ Keyframe Animations
➔ Preprocessors (Optional)
◆ Introduction to SASS/SCSS (if time permits)
Module 5: Introduction to JavaScript (6 Hours)

➔ Basics of JavaScript
◆ What is JavaScript?
◆ Including JavaScript in HTML (Inline, Internal, External)
◆ Basic Syntax and Data Types
➔ Variables and Operators
◆ Declaring Variables (var, let, const)
◆ Operators (Arithmetic, Comparison, Logical)
➔ Control Structures
◆ Conditional Statements (if, switch)
◆ Loops (for, while, do...while)
➔ Functions and Events
◆ Defining and Calling Functions
◆ Function Scope and Closures
◆ Event Handling (onclick, onmouseover, etc.)

Module 6: DOM Manipulation and Advanced JavaScript (7 Hours)

➔ Document Object Model (DOM)


◆ Understanding the DOM Structure
◆ Selecting and Manipulating DOM Elements
◆ Modifying HTML and CSS via JavaScript
➔ Event Handling and Listeners
◆ Adding Event Listeners
◆ Event Propagation (Bubbling and Capturing)
➔ AJAX and Fetch API (Introduction)
◆ Making Asynchronous Requests
◆ Handling Responses
➔ JavaScript ES6+ Features
◆ Arrow Functions
◆ Template Literals
◆ Destructuring Assignment

You might also like