🚨 Time is Running Out: Reserve Your Spot in the Lucky Draw & Claim Rewards! START NOW
watching now
3 Students

Description

What Will You Learn?

  • Web basics
  • Fundamentals of HTML, CSS, JavaScript, and Bootstrap
  • How to make a website with HTML, CSS, JavaScript, and Bootstrap
  • How to build websites like tutorials site, blogging site, personal website, product landing, and others

Requirements

  • All Software used in this course is FREE
  • No previous coding experience is needed
  • NFT Certificate
  • 171 Lessons
  • Beginner
  • English
  • 4.5 Rating
  • +100 XP

Share Course on Social media

Curriculum

Course consist of total 13h 7min of content, in total.

Section 1: Introduction
05:45
Download Course Syllabus
Download Course Materials
Section 2: Setting up the Environment
06:03
Download HTML Editor
01:17
Check your Softwares
04:40
List of Famous Softwares for Web Development
Section 3: Web Basics
1:41:43
Skip and Jump to HTML Basics
What is Internet?
06:29
What is TCP/IP Protocol?
08:03
What is DNS?
15:10
What is HTTP?
03:33
[Podcast] How HTTP Works?
31:22
What is Client Server Technology?
04:48
How Website Works?
09:04
Types of Languages
03:55
Compiler vs Interpreter
03:59
What is Full Stack Developer?
Career Path as PHP Full Stack Developer
Things to Remember
01:42
Summary: What you have learned in this Section
00:58
Section 4: Introduction to HTML5
1:48:38
Objective: What you'll learn in this Section
01:03
What is HTML?
10:22
Tag, Element and Attribute
06:07
Structure of HTML Page
08:21
My First HTML Page
04:36
Exercise: Write your First HTML Page
HTML Boilerplate
04:50
Header Tags
04:51
Exercise: Create Headings
Paragraphs and Comments
07:51
Exercise: Paragraphs and Comments
Horizontal Lines and Line Breaks
05:32
Exercise: Lines and Breaks
Strong, Emphasis, Underline and Italics
06:23
Exercise: Text Formatting
Pre and Code Tags
05:53
Exercise: Pre and Code Tags
Definitions, Ordered and UnOrdered Lists
08:41
Exercise: Resume HTML Page
Link Tags
09:31
Exercise: Link Tags
Section and Article Tags
04:30
Exercise: Sections and Article
Additional HTML Tags
01:40
NewsPaper Exercise
13:47
Exercise: Create a News Page
Things to Remember
03:05
Summary: What you have learned in this Section
00:35
Section 5: Intermediate HTML5
1:28:12
Objective: What you'll learn in this Section
01:37
Creating Tables
16:04
Exercise: Product Listing
Embedding Contents
09:36
Exercise: Embedding Contents
Exercise - Music Download Website
Working with Forms
12:09
Exercise - Contact Form
Meta Tags
06:16
DIV and SPAN Tags
06:52
White Spaces, HTML Entities & Case Sensitive
06:47
iFrames
06:12
Exercise - Tutorials Page
Additional HTML Tags
03:44
List of all HTML Tags in Single Page
04:31
Further Reading HTML
List of HTML Tags
Personal Portfolio
08:06
Things to Remember
01:43
Summary: What you have learned in this Section
01:00
Section 6: Introduction to CSS3
1:51:54
Objective: What you'll learn in this Section
00:52
What is CSS3?
08:05
Inline CSS
05:11
Exercise: Inline CSS
CSS Comments
02:44
Internal CSS
04:53
Exercise: Internal CSS
External CSS
04:26
Exercise: External CSS
Linking CSS
04:33
Exercise: Linking CSS
How to Debug CSS Code
04:16
CSS Selectors
03:36
Universal Selector
02:03
Type Selector
02:29
Class Selector
04:41
ID Selector
05:15
ID vs Class Selector
03:21
ID Class Cascading
07:25
Attribute Selector
03:22
Child Selector
03:46
Descendant Selector
02:21
Adjacent Sibling Selector
02:54
General Adjacent Sibling Selector
02:47
Pseudo Class and Elements
07:06
CSS Precedence Rules Wins!
12:43
Colors and Text
10:39
Things to Remember
01:28
Summary: What you have learned in this Section
00:38
Section 7: Intermediate CSS3
1:28:02
Objective: What you'll learn in this Section
00:48
CSS Box
19:53
CSS Floating Columns
18:53
Positioning Elements
15:39
Display Inline or Block
05:55
Use Google Fonts in your Website
03:04
Moving Box to Center
Project: Website Layout
17:10
Create Favicon to your Site
02:23
Further Reading CSS
Things to Remember
02:02
Summary: What you have learned in this Section
01:06
Section 8: HTML5 + CSS3 Projects
57:26
Simple page layout
12:04
Product Landing Page
17:02
Survey Page
02:41
Google Home Page
10:23
Your Personal Website
09:12
Coming Soon Page
05:55
Try yourself - HTML Projects
Section 9: Introduction to JavaScript
39:27
Objective: What you'll learn in this Section
01:08
Introduction to JavaScript
05:38
Internal JavaScript
05:43
Comments in JavaScript
03:16
External JavaScript
04:42
Inline JavaScript
03:41
Exercise with JavaScript
05:48
JavaScript Terminology
How to Debug JavaScript Code
06:10
Things to Remember
01:30
Summary: What you have learned in this Section
00:54
Section 10: JavaScript Language Syntax
1:09:00
Objective: What you'll learn in this Section
00:47
Identifiers
04:44
Variables and Constants
08:08
Primitives
04:39
Keywords
Reserved Words
Assignments Operators
04:38
Comparison Operators
03:38
Arithmetic Operators
04:00
Logical Operators
04:49
String Operations
03:17
Quotes
03:33
Boolean
01:59
Arrays
03:35
Date and Time
03:23
If Statements
04:11
Switch Statements
03:05
While Statements
03:42
for Statements
03:37
Things to Remember
01:45
Summary: What you have learned in this Section
00:47
Section 11: Intermediate JavaScript
35:22
Objective: What you'll learn in this Section
01:12
Write Functions
04:43
Dealing with Objects
04:56
Creating Events
03:04
Writing Trace Logs
03:12
Try Catch Block
04:16
DOM: Find an Element by ID
04:01
DOM: Update the Element Data
02:55
Access Form Elements
05:19
Things to Remember
00:59
Summary: What you have learned in this Section
00:45
Section 12: Projects with JavaScript
16:48
Access Browser URL
03:54
Form Validation
06:15
Guessing Number Game
06:33
Exercise: Calculator Toy
Section 13: Website with Bootstrap
59:09
What is Bootstrap?
22:56
How to use Bootstrap?
17:42
Project 1: Starter Website with Bootstrap
04:13
Project 2: Personal Portfolio Page
14:17
Download Bootstrap Projects

About the Instructor

Hi! I'm Srini. I enjoy teaching and love to help students bring to next level.

My formula to teach is very simple:

"You learn by doing and not by watching..."

That is the reason I stress more about exercises, assignments and quiz.

I personally believe if Students come up with the solution to any problem that will help them to remember things for longer time.

I follow a proven and structured method of teaching which can help students to learn any concept 10x times faster.

You will find me teaching in defined outcomes for each section of the course with lots of home work for students to practise..:)

Join me on this passionate and fun journey of learning SAP PO, CPI, API and Web Development!

See All Instructor Courses

BitDegree platform reviews