Free Web Development Course-C09WysSo
Free Web Development Course-C09WysSo
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.
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.
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:
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>
CSS3
Introduction
CSS3 Modules
Selectors
Box Model
Backgrounds and Borders
Borders
border-radius
CSS3 Fonts
font-weight
CSS3 Transitions
How does it work?
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