Website Design With HTML, CSS And JavaScript For Beginners
4.4 (59 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,866 students enrolled

Website Design With HTML, CSS And JavaScript For Beginners

Learn web development with HTML, CSS & JavaScript! Responsive website design using HTML, CSS & JavaScript for beginners
New
4.4 (59 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,866 students enrolled
Created by Emenwa Global
Last updated 7/2020
English
Current price: $139.99 Original price: $199.99 Discount: 30% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 16 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Become a full stack web developer with the most essential skills in HTML, CSS & JavaScript
  • Skills that will allow you to apply for jobs like: Web Developer, Software Developer, Front End Developer, JavaScript Developer, and Full Stack Developer
  • Master Front-End and Back-End web development by building a complete industry based website from scratch
  • Master how to build modern websites with complete responsive features and mobile adaptability
  • Use Bootstrap to create good-looking responsive layouts
  • Write Javascript functions, and understand scope and higher order functions
  • Use JavaScript variables, conditionals, loops, functions, arrays, and objects
  • Build websites and web applications on a professional scale.
  • Master modern Web Development fundamentals as well as advanced topics
  • Learn best practices to write clean, performant, and bug free code
  • Build your own full stack websites and applications
  • Become a professional Web Developer and get hired
  • Learn to implement user authentication
  • Master fundamental concepts in Web Development
Course content
Expand all 191 lectures 15:51:06
+ HTML for web development
32 lectures 02:16:36
Heading Tag
03:59
Paragraph Tag
02:44
Line Break Tag
03:59
Centering Content
02:49
Horizontal Line Tag
02:17
Preserved Tag
04:02
Non-breaking Space
03:55
HTML Elements
05:13
HTML Attributes
04:35
Title And ID Attributes
07:16
Class And Style Attributes
07:14
Internationalization Attribute
05:23
Lang Attribute
02:46
Bold Text
02:54
Italic Text
02:28
Underline Text
02:00
Strike Text
02:07
Monospaced Font
04:16
Superscript Text
02:42
Subscript Text
02:53
Inserted Text
03:10
Delete Text
02:17
Larger Text
02:42
Smaller Text
01:46
Div Tag
11:18
Span Tag
05:39
Emphasized Tag
02:53
Marked Text
02:28
Meta Tag
07:29
Text Abbreviation
05:24
How to select color codes as a professional web developer
05:54
+ HTML5 for web development
24 lectures 02:11:40
Introduction To HTML5
07:48
HTML5 Documentation
08:52
Your First HTML5 Program
12:49
HTML5 Date Format
06:10
HTML5 Time Format
03:33
Local Date And Time
04:35
HTML5 Date and Time Format
03:49
HTML5 Month Format
03:13
HTML5 Week Format
02:54
HTML5 Range Format
03:34
Email Address
05:36
URL
04:35
HTML5 Output Element
10:13
Placeholder Attribute
05:17
Autofocus
04:38
Password in HTML5
05:04
Multiple User Input
06:58
User Input Validation
05:59
HTML5 SVG
10:28
SVG Rectangle
03:36
SVG Line
03:18
SVG Ellipse
03:28
SVG Polygon
03:03
SVG Star
02:10
+ HTML5 Canvas for web development
16 lectures 02:09:13
Introduction To Canvas
05:41
How To Check Browser Support For Canvas
06:23
How To Draw Rectangle
10:41
How to draw path
14:11
Adjusting Path
03:17
How to draw Triangle with fill
08:35
How To Draw Triangle Without Fill
08:35
How To Draw Bar Line In Canvas
07:34
Drawing A Bezier Curve
08:56
Bezier Curve Without Fill Property
02:14
Drawing Quadratic Curves In Canvas
08:49
Drawing Gradient In Canvas
12:59
Fillstyle Color In Canvas
07:15
Text And Font In Canvas
06:02
Drawing Pattern In Canvas
07:35
Shadow Draw In Canvas
10:26
+ CSS for web development
42 lectures 02:45:07
Introduction To CSS
04:40
CSS Syntax
06:45
Type Selector
04:51
Universal Selector
04:00
Class Selector
04:57
ID Selector
03:55
Child Selector
06:08
Attribute Selector
05:30
Multiple Style Rules
04:39
Grouping Text
05:51
Embedding CSS Into HTML
08:44
Inline CSS
04:41
External Style Sheet
06:16
Comments
03:24
CSS Colors
09:12
Background Colors
04:10
Background Image
05:14
Background Image Repeat
03:22
Background Position
03:06
Font Family
03:00
Font Style
01:52
Font Weight
04:14
Font Size
03:37
Font Size Adjust
02:25
Font Stretch
05:52
Text Color
01:48
Text Direction
01:35
Set Character Space
01:16
Set Word Space
00:54
Text Indent
01:00
Text Alignment
03:12
Text Decoration
03:08
Text Cases
03:26
White Spaces Between Text
03:17
Text Shadow
02:48
Image Properties
04:59
Image Height
04:40
Image Width
01:54
Links
03:13
Visited Link
01:59
Mouse Over Link
01:04
Active Link
04:29
+ CSS3 for web development
29 lectures 02:23:44
Rounded Corners
10:59
Image Border
08:49
Image Background
08:23
RGB Colors
19:35
Linear Gradient
03:54
Left To Right Linear Gradient
01:35
Diagonal Gradient
01:55
Multicolor Gradient
02:08
Radial Gradient
02:52
Repeat Radial
01:58
Text Shadow
07:23
Box Shadow
02:19
Text Overflow
10:11
Word Breaking
06:36
2D Transform
10:51
Negative 2D Transform
02:01
2D Skew X-axis
01:51
2D Skew Y-axis
02:26
Matrix Transform
04:30
Matrix Transform With Direction
02:37
3D X-axis Transform
02:43
3D Y-axis Transform
02:01
3D Z-axis Transform
02:52
CSS3 Animation
08:50
Animation With Delay
02:10
Multi-columns
05:07
User Interface
03:07
Box Sizing
01:40
Outline Offset
02:21
+ JavaScript for web development
34 lectures 02:21:50
Your First JavaScript Code
04:29
Basic JavaScript Syntax
06:50
How Enable JavaScript In All Browsers
04:44
Warning To Non JavaScript Browsers
03:17
JavaScript Placements
05:20
JavaScript Body Placement
02:13
JavaScript Head-body Placement
03:22
JavaScript External File Placement
04:49
Variables
05:47
Arithmetic Operator
05:20
Comparison Operator
05:57
Logical Operator
03:38
If Else Statement
04:14
If Else If Else Statement
02:32
Switch Statement
04:43
For In Loop
02:09
Loop Controls Break And Continue
03:49
Functions
02:24
Function Parameters
02:24
Function Parameters Part 2
06:43
Events
03:30
Onsubmit Event Type
02:16
Onmouseover And Onmouseout
04:26
Page Redirection And Autorefresh
05:08
How Page Redirection Works
08:14
Alert Dialog Box
04:34
Confirmation Box
04:28
Prompt Dialog Box
04:40
Page Printing
02:02
JavaScript Object
04:54
Creating Objects
04:33
Object User Defined Type
02:49
Defining Object Methods Part 1
04:24
Defining Object Methods part 2
01:08
+ Complete website design from scratch (Your first website)
14 lectures 01:42:56
Getting started with your first website design
14:43
Test Your New Website For Responsiveness
08:48
Test Your New Website For Browser Compatiblity
12:44
Test Header Sliders For Responsiveness
09:21
Test Horizontal Bar For Responsiveness
06:34
Test Navigation Bars For Browser Compatibility
06:13
Testing Photo Gallery For Responsiveness
03:45
Test Video And Audio Players For Responsiveness
06:50
Test About Page For Responsiveness
03:13
Test Contact Page For Responsiveness
05:04
Test Register Page For Responsiveness
04:56
Test Login Page For Responsiveness
05:34
Test Visitor's Page For Responsiveness
07:16
Final Video Of Web Development
07:55
Requirements
  • A computer (Windows/Mac/Linux) with internet only
  • No previous coding experience is needed
Description

In this course, you will learn the specific technologies that are the most in demand in the industry right now. These include tools and technologies used by the biggest tech companies like Google, Facebook, Instagram, etc… It’s geared specifically for people that want to learn employable skills in 2020.

When you're learning to program you often have to sacrifice learning the exciting and current technologies in favor of the "beginner friendly" classes. With this course, you get the best of both worlds. This is a course designed for the complete beginner, yet it covers some of the most exciting and relevant topics in the industry.


Throughout the course we cover tons of tools and technologies including:

  • Basics of HTML and HTML5 for beginners

  • Basics of CSS and CSS3 for beginners

  • Basics of JavaScript for beginners

  • How to create professional Homepage

  • How to create professional Media Page

  • How to create professional Blog Page

  • How to create professional Sign up page

  • How to create professional Login page

  • How to create professional Contact page

  • How to create professional About page

  • How to build a Responsive Website

  • How to work with colors

  • How to work with images

  • How to work with Videos

  • How to work with Audios

  • How to work with Tables

  • How to create stunning websites

Emenwa Global instructors are industry experts with years of practical, real-world experience building software at industry leading companies. They are sharing everything they know to teach thousands of students around the world, just like you, the most in-demand technical and non-technical skills (which are commonly overlooked) in the most efficient way so that you can take control of your life and unlock endless exciting new career opportunities in the world of technology, no matter your background or experience.

Who this course is for:
  • Developers who want to learn REAL industry skills that are necessary in 2020 to get hired as a web developer and earn a higher salary
  • This course is for anyone who wants to learn about web development, regardless of previous experience
  • This course if for anyone who wants to start his own business or become a freelancer
  • It's also great for anyone who does have some experience in a few of the technologies(like HTML and CSS) but not all