Course HTML CSS
Day Subject Topics to be Covered
- Explanation of HTML and its function in web development
Introduction to
1 Learning the foundational structure of an HTML document
HTML
Process of creating and saving an HTML file
HTML Text - Adding headings, paragraphs, and line breaks in HTML
2
Formatting Familiarizing with text formatting tags: bold, italic, underline
Hyperlinking in
3 - Incorporating anchor tags to navigate between web pages
HTML
Unordered Lists
4 - Crafting unordered lists (bulleted lists)
in HTML
Ordered Lists in - Developing ordered lists (numbered lists) Nesting lists to
5
HTML form hierarchical structures
Working with - Inserting images via the img tag Configuring image
6
Images in HTML attributes: source, alt text, width, height
- Forming tables utilizing table, tr, td tags Adding headers to
7 HTML Tables
tables using the th tag
Styling HTML
8 - Applying CSS to style tables
Tables with CSS
9 HTML Forms - Building HTML forms with form, input, and textarea tags
Diverse Form - Exploring types of form input fields: text, checkbox, radio
10
Inputs buttons, select Understanding the concept of form validation
- Introduction to CSS and its function in web design
Introduction to
11 Differentiating between inline CSS, internal CSS, and external
CSS
CSS
- Understanding selectors and declaration blocks
12 CSS Selectors Distinguishing between class selectors, ID selectors, and
element selectors
- Manipulating various CSS properties: color, background,
13 CSS Properties
font, margin, padding
- Introduction to the CSS box model: content, padding, border,
14 CSS Box Model
margin
Box Model
15 - Application of box model properties to HTML elements
Properties
16 CSS Layouts - Introduction to various CSS layouts: fixed, fluid, responsive
- Building simple layouts using CSS positioning: static,
17 CSS Positioning
relative, absolute
- Understanding the CSS Flexbox layout model Crafting
18 Flexbox in CSS
flexible layouts with flex containers and flex items
- Introduction to CSS Grid layout Forming grid-based layouts
19 CSS Grid Layout
using rows and columns
- Adding transitions to HTML elements: hover effects, smooth
20 CSS Transitions
transitions
21 CSS Animations - Creating basic animations using CSS keyframes
Responsive Web - Introduction to responsive web design Applying media
22
Design queries to adapt layouts for varying devices and screen sizes
- Assignment of a small web development project Applying
Project-based HTML and CSS knowledge to create a website from scratch
23-27
Learning Providing guidance and support throughout the project
Encouraging creativity and experimentation
Project - Students' presentation of their projects to the class Review
28-30 Completion and of key concepts and addressing any queries or issues
Review encountered during the project
JAVASCRIPT COURSE
Day Subject Topics to be Covered
- Purpose and role of JavaScript in web development Inline
Introduction to
1 JavaScript, internal JavaScript, and external JavaScript
JavaScript
Creating and linking an external JavaScript file
JavaScript - Understanding variables and data types in JavaScript
2 Variables and Data Declaring and initializing variables Variable naming
Types (Part 1) conventions and best practices
JavaScript
- Recap of variables and data types Further exploration of
3 Variables and Data
data manipulation and type conversions
Types (Part 2)
JavaScript
Operators and - Arithmetic operators (+, -, *, /, %) Comparison operators
4
Expressions (Part (==, ===, !=, !==, >, <, >=, <=)
1)
JavaScript
Operators and
5 - Logical operators (&&,
Expressions (Part
2)
JavaScript Arrays - Creating and manipulating arrays Accessing array
6
(Part 1) elements
JavaScript Arrays - Array methods (push, pop, shift, unshift, splice, slice)
7
(Part 2) Iterating over arrays using loops (for loop, forEach loop)
JavaScript Objects - Understanding objects and their properties Creating and
8
(Part 1) accessing object properties
JavaScript Objects - Object methods JSON notation (JavaScript Object
9
(Part 2) Notation)
JavaScript - Declaring and invoking functions Function parameters and
10
Functions (Part 1) arguments
JavaScript - Return statements Function expressions and function
11
Functions (Part 2) declarations
JavaScript
12 Conditionals (Part - If statements, else statements, and else if statements
1)
JavaScript
13 Conditionals (Part - Switch statements Ternary operators
2)
JavaScript Loops
14 - For loops
(Part 1)
JavaScript Loops - While loops Do-while loops Loop control statements
15
(Part 2) (break, continue)
JavaScript DOM
- Introduction to the Document Object Model (DOM)
16 Manipulation (Part
Selecting HTML elements using JavaScript
1)
JavaScript DOM
- Modifying HTML elements (changing text, attributes,
17 Manipulation (Part
styles) Creating and removing HTML elements dynamically
2)
JavaScript Events - Handling events in JavaScript Common events (click,
18
(Part 1) mouseover, keydown, etc.)
JavaScript Events
19 - Event listeners and event handlers
(Part 2)
- Validating user input in forms using JavaScript Checking
JavaScript Form
20 for required fields Validating email addresses, numbers, and
Validation
other specific formats
JavaScript Error - Understanding JavaScript errors and exceptions Using
21
Handling try-catch blocks to handle errors
JavaScript Date - Working with dates and times in JavaScript Creating Date
22
and Time objects Formatting dates and times
- Introduction to the browser's Local Storage API Storing
JavaScript Local
23 and retrieving data using localStorage Managing and
Storage
manipulating data in local storage
- Assign a web development project incorporating HTML,
CSS, and JavaScript Application of knowledge to create an
Project-based
24-33 interactive and dynamic website or web application
Learning
Guidance, support, and encouragement for creativity and
experimentation
Project - Students present their projects to the class Review key
34-35 Presentation and concepts Address questions or difficulties encountered
Review during the project
