Course Overview
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.
This course is offered by Web Academy by Harsha Vardhan. Any watermark stating "Harsha Web University" is from our old branding and does not represent an academic institution. This course is for educational purposes only and is not affiliated with any university or degree-granting institution.
FAQ
FAQ area empty
Course curriculum
-
Font-Family
275 Xem trước -
Font-Size
564 Xem trước -
Font-Weight
153 Xem trước -
Font-Style
144 Xem trước -
Font-Variant
75 Xem trước -
Font-Shorthand
167 Xem trước -
Color
419 Xem trước -
Text-Align
104 Xem trước -
Text-Decoration
211 Xem trước -
Text-Transform
145 Xem trước -
Text-Indent
136 Xem trước -
Letter-Spacing
117 Xem trước -
Line-Height
165 Xem trước -
Word-Spacing
103 Xem trước -
Text-Shadow
266 Xem trước -
White-Space
248 Xem trước -
Text-Direction
180 Xem trước -
Span Tag in HTML
252 Xem trước -
Font and Text Properties in CSS
-
Background-Color
285 Xem trước -
Box Model
251 Xem trước -
Margin
316 Xem trước -
Margin - Top Right Bottom Left
239 Xem trước -
Margin - Shorthand
330 Xem trước -
Padding
208 Xem trước -
Padding - Top Right Bottom Left
103 Xem trước -
Padding - Shorthand
157 Xem trước -
Width and Height
329 Xem trước -
Float
328 Xem trước -
Clear
357 Xem trước -
Border - Style Width Color
231 Xem trước -
Border - Shorthand
172 Xem trước -
Border - Top Right Bottom Left
149 Xem trước -
Outline
204 Xem trước -
Outline-Offset
121 Xem trước -
Border Radius
201 Xem trước -
Box Shadow
308 Xem trước -
Transition
340 Xem trước -
Transformations
410 Xem trước -
Transform-Origin
191 Xem trước -
3D Transformations
202 Xem trước -
KeyFrame Animations
466 Xem trước -
Gradient Colors
332 Xem trước -
Overflow
373 Xem trước -
Word Wrap
144 Xem trước -
Writing Mode
156 Xem trước -
Max-Width and Min-Width
307 Xem trước -
Wooden Workshop Website Template
-
Images
654 -
Image Gallery
643 -
Figure and Figcaption
278 -
Importance of Title and Alt Attributes
324 -
Style Attribute
117 -
Images as Links
325 -
Background-Image
273 -
Background-Repeat
503 -
Background-Position
230 -
Background-Size
201 -
Background-Attachment
350 -
Background-Clip
590 -
Multiple Background Images
374 -
Border-Image
271 -
Picture Tag
530 -
Audio
422 -
Video
295 -
Youtube Videos in HTML
170 -
Image Maps
778 -
Food Menu
-
Basic Form
369 -
Input Tag - Email and Password
422 -
Professional Form
1062 -
Label
297 -
Input Value Attribute
244 -
Submit Button
386 -
Reset Button
247 -
Input Text
112 -
Input Color
170 -
Input Date
158 -
Input DateTime-Local
358 -
Input Time
135 -
Input Month
166 -
Input Week
87 -
Input File
161 -
Input Url
151 -
Input Number
270 -
Input Range
213 -
Input Search
158 -
Input Radio
419 -
Input CheckBox
235 -
Input Name Attribute
513 -
Input Hidden
258 -
Input Image
317 -
Input Readonly Attribute
188 -
Input Disabled Attribute
271 -
Input Autocomplete Attribute
320 -
Input Autofocus Attribute
160 -
Input Placeholder Attribute
274 -
Input Step Attribute
115 -
Input Required Attribute
448 -
Input Min and Max Attributes
257 -
Input Maxlength Attribute
241 -
Input Pattern Attribute
703 -
Novalidate Attribute
316 -
Input Formnovalidate Attribute
328 -
Action Attribute
519 -
Method Attribute
394 -
Target Attribute
296 -
Input Formaction Formmethod Formtarget Attributes
374 -
Input Multiple Attribute
192 -
Input Form Attribute
516 -
DataList
272 -
Textarea
281 -
Select
459 -
Multi-Select List
261 -
Optgroup
267 -
Fieldset and Legend
266
-
Introduction to CSS Selectors
138 -
Class Selector
287 -
Class-Class Compound Selector
289 -
Class-Class Child Selector
280 -
ID Selector
115 -
ID-Class Child Selector
171 -
Tag Selector
242 -
Tag-Class Compound Selector
180 -
Tag-ID Compound Selector
126 -
Tag-Class Child Selector
177 -
Tag-Tag Child Selector
337 -
Tag-Tag Direct Child Selector
256 -
Grouping Selector
230 -
Next Sibling Selector
177 -
Siblings Selector
118 -
Attribute Selector
217 -
Attribute-Value Selector
184 -
Attribute-StartsWith Selector
252 -
Attribute-EndsWith Selector
227 -
Attribute-Contains Selector
200 -
Global Selector
173 -
Link, Hover, Active, Visited
447 -
Focus
161 -
Checked
226 -
Enabled and Disabled
204 -
Read-only and Read-Write
212 -
Required and Optional
203 -
Valid and Invalid
315 -
Out-of-range and In-range
302 -
Empty
224 -
Nth-Child
315 -
Not
98 -
Before and After
358 -
Selection
157 -
Style Precedence
741
-
Introduction to JavaScript
565 -
JavaScript First Example
751 -
Variables
759 -
Const
275 -
Overview of JavaScript Operators
81 -
Arithmetical Operators
327 -
Assignment Operators
471 -
Increment and Decrement Operators
545 -
Relational Operators
313 -
Logical Operators
443 -
Concatenation Operator
235 -
Operators
-
Template Literals
350 -
Introduction to Control Statements
245 -
If
465 -
If - else
330 -
Else - if
652 -
Nested If
457 -
If
-
Switch - case
329 -
While
717 -
Do - while
420 -
For
577 -
Break
364 -
Continue
411 -
Nested For Loops
492 -
Hoisting
280 -
Let
667 -
For
-
For loop: Sum and Tripple
-
Creating Functions
895 -
Functions with no Arguments and Return
197 -
Function Calls Another Function
496 -
Arguments keyword
613 -
Recursion
479 -
Default Arguments
453 -
Scope of Variables
1110 -
Pure Functions
925 -
Callback Functions
1059 -
SetTimeout
323 -
SetInterval
512 -
Higher Order Functions
870 -
Immediately Invoked Functions
820 -
Currying
2174 -
Functions: Py
-
Object Literals
1082 -
This keyword
486 -
Real World Scenarios and JS Debugging
1677 -
Adding Members From Outside of Object
556 -
Accessing Properties
328 -
Function - call
836 -
Function - apply
645 -
Function - bind
490 -
Arrow Functions
1746 -
For-in loop
763 -
Destructuring Objects
856 -
Destructuring Function Parameters
600 -
Inheritance - __proto__
2022 -
Proto Chain
524 -
Scope Chain, Lexical Environment
1476 -
Closures
938 -
Closures and Encapsulation
1349 -
Self Invoked Closures
320 -
Polymorphism
608 -
Constructor Functions
1214 -
New Keyword
658 -
Inheritance - Constructor Function - call
874 -
Inheritance - Constructor Function - __proto__
436 -
Constructor Function - Prototype
984 -
Inheritance - Constructor Function - using Prototype
1385 -
Polymorphism with Constructor Functions
462 -
Abstract Constructor Functions
591
-
JavaScript Data Types
750 -
Typeof
210 -
Undefined (vs) null
527 -
== (vs) ===
350 -
String( ) Conversion Function
197 -
ToString( ) Function
273 -
Number( ) Function
514 -
ParseInt( ) Function
399 -
ParseFloat( ) Function
141 -
+ Unary Operator For Conversion
154 -
ToFixed( ) Function
188 -
ToUpperCase( )
94 -
ToLowerCase( )
38 -
Length
59 -
CharAt( )
136 -
CharCodeAt( )
110 -
Substr( )
127 -
IndexOf( )
314 -
LastIndexOf( )
59 -
Replace( )
64 -
Split( )
182 -
Trim( )
143 -
Concat( )
105 -
String: Reverse
-
String: Capitalize
-
String: Character Occurrence Count
-
String: Split
-
New Date( )
156 -
ToLocaleDateString( )
100 -
ToLocaleTimeString( )
44 -
GetTime( )
270 -
GetDay( )
91 -
GetDate( ), getMonth( ), getFullYear( )
299 -
GetHours( ), getMonth( ), getSeconds( ), getMilliseconds( )
114 -
SetFullYear( ), setMonth( ), setDate( )
147 -
Date Functions
-
Date Functions - 2
-
Introduction to DOM
438 -
Window Properties
318 -
Window.alert
155 -
Window.confirm
148 -
Window.print
99 -
Window.setTimeout
429 -
Window.setInterval
259 -
Window.scrollTo
344 -
Window.open
260 -
Document Object Properties
317 -
Document.write( )
69 -
GetElementById( )
118 -
GetElementsByName
120 -
GetElementsByTagName
200 -
GetElementsByClassName
24 -
QuerySelectorAll
248 -
QuerySelector
73 -
Element Properties
209 -
TagName
159 -
Id
19 -
InnerHTML and innerText
187 -
Style
190 -
ParentElement, Children, scrollTop
499 -
SetAttribute, getAttribute, removeAttribute
491 -
Reading Attributes
305 -
HasAttribute
110 -
Focus( ) and click( ) Functions
400 -
Remove( )
155 -
CreateElement, appendChild( )
255 -
InsertBefore( )
86 -
Introduction to Events
272 -
Click event
494 -
Dblclick event
103 -
Click event - Realtime Task 1
261 -
Click event - Realtime Task 2 - Part 1
636 -
Click event - Realtime Task 2 - Part 2
469 -
Mouseover and Mouseout Events
299 -
Mousemove Event
408 -
Keyup Event
373 -
Keypress Event
340 -
Restricting Specific Characters using Keypress
533 -
Focus and Blur Events
280 -
Change Event - TextBox, CheckBox, RadioButton and DropDownList
916 -
Contextmenu Event
264 -
Cut, Copy, Paste Events
165 -
DOM Manipulations and Object Array
-
Form Validations
1801 -
External JavaScript
170
-
Introduction to jQuery
143 -
Generations of jQuery
47 -
Downloading jQuery
115 -
First Example in jQuery
267 -
$ Function
124 -
Introduction to Manipulating Content
35 -
Html( ) Function
111 -
Text( ) Function
52 -
Before( ) Function
38 -
Prepend( ) Function
41 -
Append( ) Function
38 -
After( ) Function
32 -
InsertBefore( ) Function
38 -
PrependTo( ) Function
35 -
AppendTo( ) Function
30 -
InsertAfter( ) Function
33 -
Empty( ) Function
17 -
Remove( ) Function
14 -
ReplaceWith( ) Function
20 -
Wrap( ) Function
35 -
WrapAll( ) Function
28 -
Realtime Task on Manipulating Content
100 -
Realtime Task 2 on Manipulating Content
107 -
Introduction to jQuery Event Handling
37 -
Click( )
94 -
Dblclick( )
23 -
Mouseover( ) and mouseout( )
80 -
Hover( )
64 -
Mousemove( )
69 -
Focus( ) and blur( )
117 -
Keyup( )
104 -
Keypress( )
211 -
Change( )
608 -
Contextmenu
135 -
Cut, copy, paste
86 -
On and off
394 -
Realtime Task 3 on Event Handling
134 -
Realtime Task 4 on Event Handling
250 -
Realtime Task 5 on Event Handling
228 -
Introduction to Effects
20 -
FadeIn, slideDown, show
161 -
FadeOut, slideUp, hide
95 -
FadeTo
60 -
Toggle, fadeToggle, slideToggle
97 -
Introduction to Manipulating Attributes
61 -
Setting Single Attribute
65 -
Setting Multiple Attributes
40 -
Getting Single Attribute
26 -
Removing Attribute
20 -
Introduction to Manipulating CSS
91 -
Setting Single CSS Property
18 -
Setting Multiple CSS Properties
29 -
Getting Single CSS Property
36 -
AddClass
40 -
RemoveClass
39 -
ToggleClass
58 -
HasClass
41 -
Animations
403 -
Introduction to jQuery Selectors and Filters
215 -
Tag Selector
146 -
ID Selector
40 -
Class Selector
83 -
Grouping Selector
38 -
Child Selector / Descendant Selector
101 -
Direct Child Selector
33 -
Adjacent Sibling Selector
130 -
Attribute Selector
205 -
Introduction to Filters
24 -
First filter
55 -
Last filter
52 -
Eq filter
27 -
Odd filter
19 -
Gt filter
64 -
Lt filter
24 -
Not filter
52 -
Contains
58 -
Has filter
66 -
Empty filter
69 -
First-child filter
48 -
Last-child filter
20 -
Nth-child filter
57 -
Only-child filter
33 -
Form Filters
108 -
Realtime Task on Selectors and FIlters
1768 -
JQuery UI Part 1
405 -
JQuery UI Part 2
555 -
JQuery Ajax
1128
-
Setting-up Environment for NodeJS
256 -
Creating First App in NodeJS
177 -
Modules
690 -
FS Module
228 -
ReadFile
935 -
ReadFileSync
167 -
WriteFile
132 -
WriteFileSync
28 -
Rename
61 -
Copy
211 -
Unlink
72 -
Stat
100 -
Readdir
186 -
Introduction to MongoDB
318 -
MongoDB Installation
219 -
Creating Databases and Collections
435 -
Inserting Documents
122 -
ObjectId
163 -
Retrieving Documents Conditionally
362 -
Updating, Deleting, Upserting Documents
563 -
Limit, skip, sort, ensureIndex
285 -
Referential Integrity and Joins
540 -
Package.json
1587 -
Introduction to Mongoose
382 -
Retrieving Data using Mongoose
916 -
Inserting Data using Mongoose
255 -
Updating Data using Mongoose
276 -
Deleting Data using Mongoose
94 -
Introduction Http Module
79 -
Creating Simple Server using Http Module
1439 -
Members of Response Object
875 -
Members of Request Object
321 -
Mixing FS Module with Http Module
475 -
Serving Home Page using Http Module
149 -
Serving Multiple Pages using Http Module
461 -
Get Request in Forms using Http Module
1765 -
Get (vs) Post
98 -
Post Request in Forms using Http Module
415
-
Introduction to Express Framework
193 -
Simple App in Express
695 -
Request and Response Objects in Express
717 -
Handling Get Request in Forms using Express
851 -
Handling Post Request in Forms using Express
499 -
Basic Routing in Express
170 -
Advanced Routing in Express
268 -
Introduction to MVC
400 -
Introduction to EJS
506 -
Working with EJS in Express
784 -
Mustache
888 -
Handlebars
668 -
Pug
1460 -
Cookie-Parser
1144 -
Express-Session
856 -
Introduction to AJAX & Retrieving Data
2504 -
Inserting Data into MongoDB - using AJAX
958 -
Updating Data into MongoDB - using AJAX
845 -
Deleting Data into MongoDB - using AJAX
327 -
Introduction to Socket.IO
297 -
Socket.IO - Simple Chatting
1962 -
Socket.IO - Group Chatting
1054 -
Introduction to Unit Testing
281 -
Basic Unit Testing using Mocha
1047 -
Complex Unit Testing using Mocha
1288 -
Testing HTTP Requests using Mocha
975
-
Introduction to Bootstrap
243 -
Creating First App in Bootstrap
902 -
Container and Container-Fluid
108 -
Text Colors
265 -
Background Colors
71 -
Display Headings
61 -
Text Alignment
70 -
Text Styles
101 -
Lead Paragraph
61 -
Visibility
50 -
Grid System
467 -
Responsive Grid System
759 -
Jumbotron
86 -
Images
330 -
Tables
267 -
Alerts
191 -
Buttons
221 -
Badges
149 -
Progress Bar
225 -
Pagination
224 -
Breadcrumbs
87 -
List Groups
142 -
Cards
376 -
Tooltip
356 -
Collapsible
180 -
Accordion
361 -
Stacked Form
613 -
Inline Form
175 -
Form Grid
307 -
Horizontal Form Grid
1068 -
Input Groups
232 -
Form Validation
730 -
Navigation Menu
340 -
Tabs
778 -
Advanced Navigation Bar
764 -
Carousel
714
Requirment
-
Basic knowledge on computers is required. Basic knowledge on any one programming language is preferable.
Outcomes
-
HTML
-
CSS
-
JavaScript
-
jQuery
-
NodeJS
-
Bootstrap
0 Student
3 Courses
0 review