Web Development | HTML | CSS | JavaScript | jQuery | NodeJS

Full Stack Web Development Bootcamp | HTML Project | HTML 5 | CSS 3 | JavaScript | Bootstrap | ES6 | jQuery | NodeJS

4.52 (1890 reviews)
Udemy
platform
English
language
Web Development
category
9,311
students
62.5 hours
content
Feb 2024
last update
$89.99
regular price

What you will learn

HTML

CSS

JavaScript

jQuery

NodeJS

Bootstrap

Description

Sample of the reviews:

★★★★★

Yes, the explanations are very clear and the examples are useful - Todoya Soudry

the examples are explained very well and the teaching is amazing. - Sadiya Kausar

This course is great! The author explains all the concepts in a very detailed and easy to follow way! I ll update my review later upon completing the javascript part. For now, the course is largely amazing and above my expectations. - Abdoul Nasser Ibrahim

This course very clearly explain and very useful for every frontend developers. Heartly thanks for harsha sir your good teaching and clear explanation and your efforts. - kumaran bala

Its a good course for beginners. Each and everything is explained here. - Suprith H L Preetham

Very explicative and a lot of examples with every single details highlighted. - Sebastian Echegaray


**************************************************************

Your dream of becoming UI Developer / Frontend Developer becomes TRUE with this course. This course provides Real training lectures with clear explanations with practicals. Each topic will covered with theoretical, practical with best practices and examples.
This course covers both basic HTML and HTML 5 & also both basic CSS and CSS 3.

Includes Object Oriented JavaScript concepts.


REAL-WORLD PROJECT:

  • "India Tourism" website that demonstrates various widgets such as cards, grids, pagination, list groups, fonts, icons and many more. Each lecture makes a progress in the course project.

  • So you will code along with me to make your dream project come true.

**************************************************************

POTENTIAL BENEFITS OF THIS COURSE

  • By the end of this course, you will create all of the source code for a complete "India Tourism" web project.

  • You will type in every line of code with me in the videos ... all from scratch.

  • I explain every line of html/css/javascript code that we create. So this isn't a copy/paste tutorial, you will have a full understanding of the code.

  • I am a RESPONSIVE INSTRUCTOR .... post your questions and I will RESPOND in 24 hours, ASAP.

  • All source code is available for download

  • English captions are available.

**************************************************************

Content

HTML 4 - Basics

Introduction to HTML
Setting-up Environment for HTML
Creating First App in HTML

HTML 4 - Basic Tags

Headings
Paragraphs
Line Breaks
Bold
Italic
Underline
Strike
Strong
Emphasis
Superscript
Subscript
Horizontal Ruler
Pre-formatted Text
Abbreviation
Bi-Directional Override

HTML 4 - Images and Hyperlinks

Images
Hyperlinks
Real-time Task on Hyperlinks - Internal Links
Real-time Task on Hyperlinks - Page Navigation

HTML 4 - Lists and Tables

Un-Ordered List
Ordered List
Definition List
Tables
Colspan and Rowspan

HTML 4 - Miscellaneous Concepts

IFrame
IFrame - Videos
Real-time Task on IFrame
Html Entities (Symbols)
Meta

HTML 4 - Forms

Form
Input Tag
TextBoxes
Password
CheckBox
Radio Buttons
File Browse Button
Reset
Submit Button
Image Submit Button
Button Tag
General Button
Hidden
Readonly
Disabled
Maxlength
Tabindex
Label
Fieldset
Legend
DropDownList
Option Groups
ListBox
TextArea

XHTML

DOCTYPE
Introduction to XHTML
All XHTML Rules

CSS 2 - Basics

Introduction to CSS
First Example in CSS
Introduction to Selectors
Tag Selector
ID Selector
Class Selector

CSS 2 - Colors

Color
Background Color
Types of Colors

CSS 2 - Fonts and Text

Font-family
Font-size
Font-Weight
Font-Style
Letter-Spacing
Word-Spacing
Line-Height
Text-Decoration
Text-Transform
Text-Align
Text-Indent
Span

CSS 2 - Background Images

Background-Image
Background-Repeat
Background-Position
Background-Attachment

CSS 2 - Lists

List-Style-Type - UnOrdered List
List-Style-Type - Ordered List

CSS 2 - DIV and Box Model

DIV, Box Model

CSS 2 - Visibility

Display, Visibility, Position

CSS 2 - Selectors

Basic Selectors
Advanced Selectors, Style Precedence

CSS 2 - Real-time Tasks

Table Styles, Hyperlink Styles, Menubar
CSS Realtime Task

CSS 2 - Page Templates Development

Static Page Layout
Responsive Web Design & Media Queries

JavaScript 5 - Basics

Introduction to JavaScript
console.log( )
Variables
Introduction to Operators
Arithmetical Operators
Assignment Operators
Increment and Decrement Operators
Relational Operators
Logical Operators
Concatenation Operator
Introduction to Control Statements
if
if - else
else - if
Nested If
Switch - case
while
do - while
for

JavaScript 5 - Functions and Arrays

Functions
Recursion
Arrays

JavaScript 5 - Object Oriented Programming

Introduction to OOP
Object Literal
Reference Variables
Constructor Function
Object.Keys
Object Array Literal
Introduction to JSON
JSON.Stringify
JSON.parse
Prototype
Constructor Function - Inheritance using Call

JavaScript 5 - Data Types and TypeConversion

Data Types
typeof
undefined (vs) null
== (vs) ===
String( ) Conversion Function
toString( ) Function
Number( ) Function
parseInt( ) Function
parseFloat( ) Function
+ Unary Operator For Conversion
toFixed( ) Function

JavaScript 5 - String Functions

toUpperCase( )
toLowerCase( )
length
charAt( )
charCodeAt( )
substr( )
indexOf( )
lastIndexOf( )
replace( )
split( )
trim( )
concat( )

JavaScript 5 - Date Functions

new Date( )
toLocaleDateString( )
toLocaleTimeString( )
getTime( )
getDay( )
getDate( ), getMonth( ), getFullYear( )
getHours( ), getMonth( ), getSeconds( ), getMilliseconds( )
setFullYear( ), setMonth( ), setDate( )

JavaScript 5 - Advanced Topics

Noscript
Clousers
Hoisting
Script Tag Position

JavaScript 5 - DOM - Window Object

Introduction to DOM
Window Properties
window.alert
window.confirm
window.print
window.setTimeout
window.setInterval
window.scrollTo
window.open

JavaScript 5 - DOM - Document Object

Document Object Properties
document.write( )
getElementById( )
getElementsByName
getElementsByTagName
getElementsByClassName
querySelectorAll
querySelector

JavaScript 5 - DOM - Element Object

Element Properties
tagName
id
innerHTML and innerText
style
parentElement, Children, scrollTop
setAttribute, getAttribute, removeAttribute
Reading Attributes
hasAttribute
focus( ) and click( ) Functions
remove( )
createElement, appendChild( )
insertBefore( )

JavaScript 5 - DOM - Events

Introduction to Events
Click event
Dblclick event
Click event - Realtime Task 1
Click event - Realtime Task 2 - Part 1
Click event - Realtime Task 2 - Part 2
Mouseover and Mouseout Events
Mousemove Event
Keyup Event
Keypress Event
Restricting Specific Characters using Keypress
Focus and Blur Events
Change Event - TextBox, CheckBox, RadioButton and DropDownList
Contextmenu Event
Cut, Copy, Paste Events

JavaScript 5 - Other Concepts

Form Validations
External JavaScript

jQuery - Basics

Introduction to jQuery
Generations of jQuery
Downloading jQuery
First Example in jQuery
$ Function

jQuery - Manipulating Content

Introduction to Manipulating Content
html( ) Function
text( ) Function
before( ) Function
prepend( ) Function
append( ) Function
after( ) Function
insertBefore( ) Function
prependTo( ) Function
appendTo( ) Function
insertAfter( ) Function
empty( ) Function
remove( ) Function
replaceWith( ) Function
wrap( ) Function
wrapAll( ) Function
Realtime Task on Manipulating Content
Realtime Task 2 on Manipulating Content

jQuery - Event Handling

Introduction to Event Handling
click( )
dblclick( )
mouseover( ) and mouseout( )
hover( )
mousemove( )
focus( ) and blur( )
keyup( )
keypress( )
change( )
contextmenu
cut, copy, paste
on and off
Realtime Task 3 on Event Handling
Realtime Task 4 on Event Handling
Realtime Task 5 on Event Handling

jQuery - Effects

Introduction to Effects
fadeIn, slideDown, show
fadeOut, slideUp, hide
fadeTo
toggle, fadeToggle, slideToggle

jQuery - Manipulating Attributes & CSS

Introduction to Manipulating Attributes
Setting Single Attribute
Setting Multiple Attributes
Getting Single Attribute
Removing Attribute
Introduction to Manipulating CSS
Setting Single CSS Property
Setting Multiple CSS Properties
Getting Single CSS Property
addClass
removeClass
toggleClass
hasClass
Animations

jQuery - Selectors and Filters

Introduction to Selectors and Filters
Tag Selector
ID Selector
Class Selector
Grouping Selector
Child Selector / Descendant Selector
Direct Child Selector
Adjacent Sibling Selector
Attribute Selector
Introduction to Filters
first filter
last filter
eq filter
odd filter
gt filter
lt filter
not filter
contains
has filter
empty filter
first-child filter
last-child filter
nth-child filter
only-child filter
Form Filters
Realtime Task on Selectors and FIlters

jQuery UI

jQuery UI Part 1
jQuery UI Part 2

jQuery - Ajax

Ajax

HTML 5

HTML 5

CSS 3

Resize
Word Wrap
RGBA
Border Radius
Shadow
Transitions
Transformations and Animations
Google Fonts
Login Form

The End

Bonus: $6 - Discount Coupons for my other Udemy Courses

Screenshots

Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Screenshot_01Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Screenshot_02Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Screenshot_03Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Screenshot_04

Reviews

Sai
November 6, 2023
That's a wonderful explanation and good practical knowledge .. Happy with the course and i am progressing well with my skills ..
Jeffery
October 26, 2023
this course was way too long.....the only useful information was at the end for NodeJS and Express....everything else I knew...but I've been doing this for over 25 years
Prashant
June 21, 2023
Yes, this was exactly what i was looking for , earlier i had learned same but that was not clear as it is , it cover very minute details and easy to understand , i loved this.
Ezz
May 23, 2023
i gained a lot i knew a lot of things broadened my horizons and expanded my domains the lecturer is very helpful and he answers questions he is a very good one
Linse
March 14, 2023
This Course gave me complete insights for web development. Highly beneficial. One stop solution for me. Thank You sir for this wonderful course.
Srikrishnan
March 13, 2023
Introduction is nice. For all different variety of tages document is needed. It's very helpful for learning persons
BALAJI
January 19, 2023
This lecture provide me the knowled from the basic to advance with easy way of understanding of all platform mentioned in this course
Ayush
December 24, 2022
Excellent explanation. I like teaching style with real time project example like Indian Tourism website development. This makes our learning crystal clear.
Thadi
November 23, 2022
This course was good and crystal clear with detailed explanation.I had learnt a lot. Thankyou harsha sir.
Nidhi
November 7, 2022
Its a great course. Every beginner must opt for this course as the instructor has given practical implementation of each and every step. All small and big details have been explained very well.
Raja
October 30, 2022
very clear explanation, can easy to understand ,more valuable for the beginner because of starting from stretch .were we can easy to make more valuable
Abhi
September 6, 2022
excellent teaching by the instructor every concept is crystal clear with detailed explanation it is understandable to all.
Prashant
August 19, 2022
This course is provided every Basic and Advanced concepts in great Detailed . Thank You So much for your Support sir.
Yohanna
June 19, 2022
The teacher explains perfectly: good examples, beginner friendly, good information. One of the best courses definitely!
Faith
May 12, 2021
The course is very in-depth. The instructor is great as explaining the course content. However, I wish there were more ways to implement what is being learned through more assignments in the sections "Objects in JavaScript" it all seems very theoretical. But, I want more ways to make it practical.

Coupons

DateDiscountStatus
11/1/202383% OFF
expired

Charts

Price

Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Price chart

Rating

Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Ratings chart

Enrollment distribution

Web Development | HTML | CSS | JavaScript | jQuery | NodeJS - Distribution chart
1586922
udemy ID
3/8/2018
course created date
11/20/2019
course indexed date
Bot
course submited by