Covers all the topics with 80% hands-on and 20% theory (Practical-focussed training).
Build a career as a UI/UX designer, front and back end developer of web apps.
CSS3/BOOTSRTAP
JS/JQUERY
Official Case Study to implement what you’ve learned
What Will You Learn?
HTML5
CSS3
JAVA SCRIPT
JQUERY
BOOTSRAP
Course Content
Overview of HTML5
By the end of this module you learn about the new features overview and some of the depreciated elements of HTML5.
Create a web page that verifies the availability of new HTML5 features.
00:00
Understanding HTML5 Markup
Create a web page that makes use of new structural and semantic elements like main, section, aside, article, header, footer and others.
HTML5 Page Structure
00:00
HTML5 DOCTYPE
00:00
HTML5 markup structural elements
00:00
Semantic elements
00:00
HTML 5 Forms
Create a product entry form which uses HTML5 form elements and validation attributes.
HTML Forms
00:00
Functional Forms
00:00
New Form Attributes and Functions
00:00
Placeholder Attribute
00:00
Autocomplete Attribute
00:00
Autofocus Attribute
00:00
List Attribute and datalist Element
00:00
Min and Max attributes
00:00
ValueAsNumber attribute
00:00
Required Attribute
00:00
Checking Forms with Validation
00:00
HTML5 Audio & Video
Create a web page that displays multiple video and audio using HTML5 video and audio elements.
The Audio and Video Elements
00:00
Understanding Audio and Video
00:00
Working with Audio and Video Containers
00:00
Understanding Audio and Video Codecs
00:00
HTML 5 Storage
Create a web page that sites and gets data Run HTML5 web storage.
Overview of HTML5 Web Storage
00:00
Using the HTML5 Web Storage
00:00
Setting and Retrieving Values
00:00
CSS3 Overview
Develop a web page that enhances the richness of the page using CSS3, colours, gradients, border radius, animation, transformations and transitions.
Introducing CSS3
00:00
CSS3 Colors, Gradients and Multiple Backgrounds
00:00
Rounded Corners and Border-Radius
00:00
CSS3 Transforms
00:00
Transitions
00:00
Web Fonts with @font-face
00:00
CSS3 Multicolumn Layouts
00:00
CSS3 Flexbox
Create a page that displays a product gallery with a layout coded with flexbox.
Box Model basics
00:00
Container
00:00
Direction
00:00
Wrapping
00:00
Justifying & Alignments
00:00
Display order
00:00
Flexibility
00:00
Alignment
00:00
CSS Grid
Create a page that displays a product gallery with a layout coded with CSS grid.
Grid Layout
00:00
Grid Elements
00:00
Placing Grid Lines
00:00
Order and Align Items in Grid Layout
00:00
JavaScript
Create a basic JS program that uses different data types and debug it in Chrome.
What is JavaScript?
00:00
Explore JS syntax
00:00
Variables and Data types
00:00
Debugging using chrome developer tools
00:00
Java Script Operators
Create a JS program with multiple expression made of different operators.
Assignment operators
00:00
Comparison operators
00:00
Arithmetic operators
00:00
Logical operators
00:00
Conditional (ternary) operator
00:00
Conditions
Create a JS program which implements decision based program flow using different if types and switch.
By the end of this module you will learn about how to use conditionals in JS.
if
if..else
if..elseif
switch
Conditions
00:00
Loops
Create JS programs that iteratively print numbers with different types of loops.
By the end of this module you will learn about how to use iterative statements and learn the differences between them.
for statement
do..while statement
while statement
break statement
continue statement
for..in statement
for..of statement (ES6)
Loops
00:00
Functions
Create named functions, anonymous functions, function expressions, use call, apply and bind to change the context. Create closures to simulate private variables.
Define functions
00:00
Parameters
00:00
Scope, context and hoisting
00:00
Named, Anonymous and function expressions
00:00
Function invocation
00:00
Call, apply and bind
00:00
Callbacks
00:00
Student Ratings & Reviews
No Review Yet
Open chat
Scan the code
Welcome! How can I assist you today? Feel free to reach out for any inquiries or assistance you may need. We're here to help!