HTML, CSS and JavaScript
Created by Valerio Viale, Last Updated 29-Aug-2020, Language:English
HTML, CSS and JavaScript
Learn Front End from Zero
Created by Valerio Viale, Last Updated 29-Aug-2020, Language:English
What Will I Get ?
- Create an HTML Page
- Personalize the style of a web page.
- Understand Basics of HTML, CSS, JavaScript
- Understand the logic of JS
- Configure a Modern JavaScript Project with Node.js, Babel, WebPack, ES Lint.
- Learn how to personalize a Bootstrap Theme
Requirements
- Internet Connection, A Computer, A Text Editor (Visual Studio Code).
Description
1) HTML, CSS, Bootstrap.
We are going to understand how to create a web page using HTML and CSS.
At the end of the course I will introduce also Bootstrap which is an easy way to start a web page in minutes.
We are going to touch the following topics:
HTML5, CSS3, Head, Body, Semantic Tags.
Images, External Links, Colors, Meta Tag, Nav Bar.
Fonts, Forms, Box Model, Contents, Padding, Border, Margin, Flex Box.
Bootstrap Themes.
2) JavaScript
We are going to write JavaScript code. The syntax, data types, numbers and strings.
The objects, arrays, methods and boolean functions.
Events, assignment operators. Variables, var, let and const.
Loops for, while and break. Conditional structures, If else, switches and the ternary operator.
The arrow function. The form validation. The functions and classes.
You can write from scratch all you see on the video or use the files enclosed to every chapter.
How to install a modern JavaScript project with WebPack, Node.js, NPM, Babel, ESLint.
Course Content
-
First Part - HTML and CSS
8 Lectures 01:19:37-
Presentation
Preview00:05:08 -
Introduction - Head, body and main tags
Preview00:10:27 -
Meta Tags and Links
00:09:09 -
Images
00:08:57 -
Colors
00:09:36 -
Formatting Text
00:11:33 -
Lists
00:12:36 -
CSS3 Style Sheets
00:12:11
-
-
Second Part - HTML, CSS, Bootstrap
9 Lectures 01:29:47-
Link's Colors and Links to the same page
00:11:14 -
Tag Nav and Classes
00:11:47 -
Classes and Semantic Elements
00:06:20 -
IDs, Classes, Tables
00:12:17 -
Box Model and Forms
00:08:31 -
Bootstrap First Configuration
00:12:06 -
FlexBox Layout
00:11:03 -
Bootstrap Grid
00:13:35 -
The End of The HTML and CSS part
00:02:54
-
-
Third Part - JavaScript
15 Lectures 01:45:21-
Introduction
00:02:48 -
How to modify a web page
Preview00:09:13 -
Where does the JS code go?
00:08:00 -
How to Create an output
00:07:14 -
What is a JS Program
00:07:01 -
Sintax
00:07:36 -
Data Types
00:11:40 -
Functions
00:07:59 -
Functions and Local Variables
00:07:06 -
Objects and Methods
00:08:30 -
Events
00:05:06 -
Strings
00:09:21 -
Arrays
00:05:37 -
Var and Let Variables
00:04:05 -
Const Variables
00:04:05
-
-
Fourth Part - JavaScript
9 Lectures 01:09:57-
Operators
00:10:08 -
If Else
00:09:08 -
Switch Statements
00:05:19 -
Date Object
00:06:37 -
For Loop
00:09:30 -
Conditional Structures and Loops
00:06:32 -
Forms in JavaScript
00:05:42 -
Arrow Function
00:06:08 -
Classes (review about Variables, Objects, Methods, Arrays, Functions)
00:10:53
-
-
Fifth Part - Modern JavaScript
6 Lectures 00:32:35-
Intro and Node.js installation
00:03:52 -
Project Setup
00:04:48 -
WebPack
00:12:10 -
Babel JS
00:05:39 -
ES Lint
00:04:17 -
The End
00:01:49
-