Free Web Development Course Syllabus
This is a confidential document. This is created and owned by Evensiva Digital Services.
This course provides a basic introduction to HTML5, CSS3, and JavaScript, the
foundational technologies of modern web development.
CSS3 enhances web design by introducing sophisticated layout options and effects
through its modular approach, covering key areas like Selectors and Transitions. JavaScript
adds interactivity, enabling dynamic content and real-time user engagement. Participants
will learn to manipulate the DOM, handle events, and utilize AJAX for server
communication. By the end of the course, you will be equipped to create basic web
application.
HTML5 and CSS3 Training Course Prerequisite
Basic understanding of computer programming
HTML5 and CSS3 Training Course Objectives
1. As we start this course, let us dive into the objectives and what we aim to
accomplish. First, we will introduce you to the essentials of HTML5—the foundation
of everything on the web, providing a solid structure for your web content.
2. Next, we will explore CSS to bring design and style to your web pages, transforming
basic HTML into engaging and visually appealing layouts. You will learn how CSS
makes it possible to craft a consistent look and feel across your pages, ensuring
they’re both beautiful and user-friendly.
3. Finally, we’ll jump into JavaScript, the programming language that breathes life into
web pages, making them dynamic and interactive. JavaScript is what allows users to
interact with content seamlessly, adding functionality and creating memorable
experiences.
By the end of this course, you’ll have a basic foundation in HTML, CSS, and JavaScript,
equipping you to build basic web applications from scratch.
HTML5 and CSS3 Course Duration
21 days, daily one hour
HTML5, CSS3 and JavaScript Course Content
Introduction to WEB
W3C and W3C Members
Why WHATWG?
What is Web?
HTML Basics
Introduction Formatting
Parts in HTML Document Links
Editors Head
Basic CSS
Elements Images
Attributes Tables
Headings JavaScript
Basics
Paragraphs
HTML5 Introduction
HTML5 HISTORY Why HTML5?
New Features and groups Power of HTML5:
Backward Compatibility
HTML5 Syntax
The DOCTYPE:
Character Encoding:
Obsolete Elements/Deprecated Elements
<acronym> <frameset>
<applet> <isindex>
<basefont> <noframes>
<big> <s>
<center> <strike>
<dir> <tt>
<font> <u>
<frame> <xmp>
HTML5 New Elements
New Semantic/Structural Elements <header>
<article> <mark>
<aside> <meter>
<command> <nav>
<details> <progress>
<dialog> <ruby>
<summary> <section>
<footer> <time>
HTML5 Input Types
Introduction number
color range
date search
datetime tel
datetime-local time
email url
month week
HTML5 Form Attributes
New attributes for <form> and <input>New attributes for <form>:
autocomplete
novalidate
HTML5 Semantic
Introduction <section>
What are Semantic Elements? <article>
non-semantic elements: <div> and <aside>
<span>
semantic elements: <form>, <table>, and <figcaption>
<img>
New Semantic Elements in HTML5 <figure>
<header> <footer>
<nav>
CSS 1.0 and 2.0
CSS Basics Styling Text, Styling Fonts, Links, Styling
Lists and Styling Tables
CSS Introduction CSS Border
CSS Syntax,CSS Id, Class and CSS
Styling,Styling Backgrounds
CSS3
Introduction
CSS3 Modules
Selectors
Box Model
Backgrounds and Borders
Borders
border-radius
CSS3 Fonts
font-weight
CSS3 Transitions
How does it work?
transition-property, duration and delay
JAVASCRIPT
Introduction to JavaScript
Introduction of client-side script Prompt
Introduction of JavaScript Variables, Arrays and
Operators
Cross browser issues. Variables
Declaration syntax of JavaScript Operators
Statements Arithmetic
Comments Assignment
Popup Boxes Comparison
Alert Logical
Confirm
Document object model
Functions and types
Conversion functions
Conditional statements
if
if…else
if…else if…else
Switch
Loops
while for…in Statement
do…while Break
for Continue
Window object Document object Arrays
Associative Arrays
Array Properties and Methods
