Learn Coding, A to Z, Web Design - HTML, CSS and JavaScript

Name: Learn Coding, A to Z, Web Design - HTML, CSS and JavaScript
Rating: 4.4 (86 reviews)

Learn how to Code, build beautiful, responsive, interactive and dynamic websites using latest HTML5, CSS & JS.

Created bySantosh Kalra

Last updated 11/2020

Hindi

What you'll learn

Create beautiful websites using HTML, CSS & JS
How to build impressive, usable, creative and latest HTML5 website
Latest Technologies : HTML5, CSS3, JavaScript & JQuery
Create dynamic & interactive Websites using JavaScript
Best Practices, Coding Guidelines, Tips of the trade
Image & Other creative resources for creating professional website
Professional Features Like : Visitor Counter, Tracking, Embeding Youtube Videos
Using JSON to add content dynamically

Course content

7 sections • 155 lectures • 23h 54m total length

Web Development1:52
HTML3:13
CSS2:24
JavaScript3:07
Websites, Web Pages, Web Browsers4:28

Create Files : Using Notepad++ Editor to create, edit and view web page.8:59
HTML Tag Syntax8:57
My first web page : Hello World5:11
HTML, Head, Body Tag5:21
Title Tag3:36
HTML Attributes9:02
HTML Display Text15:54
Adding Text to your web pages | Headings | Paragraphs | Block Text | Inline Text21:24
Heading Tags : <h1> to <h6> Tags5:02
Paragraph Tag : <p> Tag8:03
Paragraph Tag 24:32
Division Tag : <div> Tag8:51
Font Tag : <font> Tag7:26
BR | Line Change | Line Break Tag8:03
HR | Horizontal Rule4:26
Creating Hyperlinks : Anchor Tags : <a> Tag7:44
Linking to Other Web Pages and Websites5:48
Understanding Links & URLs15:26
Creating Lists : ordered & unordered lists : <ol> & <ul> Tags14:55
Writing OL & UL Code11:30
Creating Tables : Tables, Rows, Cells : <table>, <tr>, <td> tags17:11
Inserting Images : Image Tag : <img> tag24:06
Adding Images to Web pages16:59
IFrame Tag : <iframe> tag5:51
Superscript & Subscript Tags : <sup> & <sub> tags6:12
Text Formating : Bold, Italics, Underline Tags : <b>, <i>, <u>7:17
Nesting Tags6:59
Forms : Action | Method6:20
Form Element : Text Boxes7:42
Form Element : Password Box6:32
Form Elements : Submit & Reset Button6:15
Form Elements : Buttons7:03
Form Elements : TextAreas3:29
Form Elements : Checkboxes6:20
Form Elements : Radio Button6:34
Form Elements : Drop Down Menu : Select Tag : <select>, <option> tags8:43
Form Elements : File Upload6:13
Form Elements : Attribute : name8:54
Form Elements : Attribute : Placeholder4:09
Strike & Mark Tags : <strike> & <mark>tags6:37
Pre & Code Tags : <pre> & <code> tags4:36
Video Tag : <video> : Inserting Videos on your web pages.7:05
Audio Tag : <audio> : Inserting Audios on your web page5:43
Meta Tags : Keywords, Description, Author, Viewport15:16
Facebook Open Graph : Image, Title, Description9:09
Script Tag : Inserting JavaScript8:15
Style Tag : Inserting Styles5:05
Link Tag : Inserting External CSS Files4:42
HTML Comments3:41
Global Attributes : ID10:12
Global Attributes : Class6:46
Global Attributes : Style4:41
Semantic Tags : Header, Nav, Main, Footer14:35

Introduction to CSS19:23
Create CSS Files 17:02
Create CSS Files 217:00
Why it is called cascading?9:03
CSS Syntax : Colon, Properties, Semi Colon, Curly Brackets5:22
Code Example : CSS Syntax18:26
CSS & HTML Connection | ID | Class Attributes12:18
Selectors Syntax Rules : Selection By ID9:32
Selectors Syntax Rules : Selection By Class16:11
Selectors : Selection By Tag Name11:06
Multiple Declarations and Multiple Statements6:07
Multiple Selectors8:01
Web Page Background Color Change | Body BGCOLOR & Font Tag Color Attributes6:51
Web Page Padding and Margins Change10:49
Web Page Font Type or Font Family8:57
Formatting Texts : Bold1:26
Margins2:38
Padding & Background Image4:25
Borders2:27
Border Property Code Examples11:17
Border Style, Border Width, Border Color Properties Code Examples9:42
Border Left, Border Top, Border Right, Border Bottom Properties code examples11:48
Rounded Borders4:08
Border-Radius Property7:55
Fonts Family & Font Type2:15
Font Size1:07
Font Colors2:25
Body Background-Color and Color Properties8:03
Code Examples : Font Attributes11:30
Background Colors2:49
Full Web Page Background Image5:26
Understanding Color Names & Hexadecimal Colors23:12
Background Images7:17
Opacity & Transparency1:59
Image Effects : Filter : Grayscale & Blur3:34
Styling Lists2:39
Text Alighment : Left, Right & Center aligning the Elements5:20
Box Shadows3:39
Box-shadow property code example11:17
CSS Comments10:40

Create JavaScript Files8:34
Inserting JavaScript in HTML : Three ways of inserting JavaScript in web page13:47
Script Tag | SRC | Inserting with Full URL8:15
Before We code5:17
My First JavaScript : Hello World Program | Printing Information10:41
Keywords or Reserve Words9:49
Var Keyword | Variables | Numbers | Integers | Floats17:39
Getting User Input | prompt function9:26
Output function | console.log | Detailed13:11
JavaScript Keywords in lowercase3:44
String Variables11:29
Multiple Variable Declaration4:52
Uninitialized Variables7:46
JavaScript Case Sensitive Language6:48
Variable Name Rules16:20
Boolean3:59
Assignment Operator6:36
Arithmetic Operators24:11
Increment & Decrement Operator9:04
Statement & Expressions10:57
String Concatenation8:40
Comparison Operators30:15
Conditional Statements : if else15:02
Looping9:21
For Loop22:43
While Loops17:11
Do While Loops20:42
Precaution : Endless or Infinity Loops9:36
Functions19:04
Return Statement : Detailed16:50
Understaning DOM : Accessing HTML Elements in DOM21:26
Updating DOM HTML Elements Through ID14:53
Ternary Operator12:05
Looping Variable, Incrementing and Decrementing Loops10:22
Code Block8:42
Global Variables Vs Local Variables19:23
Function Parameters Vs Arguments7:28
Arrays Introduction & Indexed Arrays35:50
Events Driven Programming17:33
Onclick Event12:22
Mouse Over Event3:31
Array Shuffle & Sorting17:01
Local Storage7:48
ASCII Numbers10:21

Change Full Web Page / Body Tag Margins & Padding1:15
JavaScript : Indexed Arrays | Printing Array Items as HTML Ordered List2:39
JavaScript : Capitalize Sentences4:11
JavaScript : Printing Current Date (Today's) Day Name (Monday/Sunday/...)1:46
JavaScript : Simple Echo Like Function10:05
HTML & CSS : Beautiful Login Form23:25
CSS 3D Text3:01
HTML & CSS & JS : Love Calculator6:48
JavaScript : Digital Clock4:41

Requirements

A computer & Internet Connection
No Coding Experience Needed.
Determination & Zeal to learn HTML, CSS and JavaScript

Description

This course is designed for students (and future coding teachers) who want to learn HTML, CSS and JavaScript. It covers almost all HTML tags and attributes. Also an extensive list of CSS Properties are covered. The main feature of this course is its coverage of core concept of programming in greater details. We do not bound ourselves in just JavaScript Code. We teach fundamental of variables, loops, conditions and functions in its abstract forms. So you can utilize that knowledge in C, C++, Java, PHP, Python and all the other programming languages. The course is designed in a way that it is going to be enhanced with new videos regularly.

Who this course is for:

Anyone who wish to develop beautiful websites. Age is no bar.
College Students : Any subjects, Science, Commerce, Humanities, Arts, Law or any other field
Middle & Senior School Students : Students From any streams, any subjects

Learn Coding, A to Z, Web Design - HTML, CSS and JavaScript

What you'll learn

Explore related topics

Course content

Introduction : Web Development5 lectures • 15min

Getting Started : Requirements : Code Editors : Web Browsers1 lecture • 8min

HTML53 lectures • 7hr 29min

CSS40 lectures • 5hr 25min

Responsive Web Design and Advance CSS3 lectures • 9min

JavaScript Foundation44 lectures • 9hr 31min

Practical Assignments & Solutions | Using All The Knowledge you have acquired9 lectures • 58min

Requirements

Description

Who this course is for: