web development for beginners
4.3 (330 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.
15,641 students enrolled

web development for beginners

HTML,CSS,JavaScript and JQuery
4.3 (330 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.
15,641 students enrolled
Created by Adnan Ahmad
Last updated 2/2019
English
English [Auto]
Current price: $11.99 Original price: $19.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 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
  • Web development front-end from the start
Course content
Expand all 112 lectures 06:23:55
+ Introduction
3 lectures 10:55

web development course for beginners.

• What I am assuming that you want to be a web developer, but you don’t know from where to start?

• This is because today’s there are a lot technologies in web development, and many more in queue, that will be going to release.

• In this scenario its hard to make a decision from where to start.

When you are ongoing to start web development. You need to focus on the following things

1: HTML

2: CSS

3: JavaScript

4: JQuery.


Preview 09:36

My name is Adnan Ahmad.

I completed my Master's degree in Information technology in 2013.


From 2013 to 2017 I worked as a full-stack developer in a software house.


I started my freelance career in 2012, a web developer on various freelancing platforms as a part-time job.  

In 2017 I quit my job and started freelancing as a full-time career. From 2017 to now, I am a top rated web developer on upwork.com.

My Introduction
Processing..

I am using "Visual Studio Code" IDE for this tutorial series.

Preview 01:19
+ HTML
24 lectures 01:09:42

HTML: stands for Hyper Text Markup Language

Html consists two pillars: 

1) Tags.

2) Attributes

html introduction
06:51

In this video we'll take a look on basic html structure.

Basic html structure
06:17

img tag is used to display image on the web page.

html image
04:14

anchor tag is used to make links on html page.


Html anchor tag
03:16

In this video we'll make basic html table.

Html table part 1
04:45
Html table part 2
02:07
Html table part 3
03:18
Html table part 4
05:06
Html list part-1
03:17
Html list part-2
02:54
Html list assignment
01:06
Html iframe
01:56
Html form part-1
01:45
Html form part-2
02:21
Html form part-3
01:52
Html form part-4
01:10
Html form part-5
02:45
Html form part-6
01:25
Html form part-7
01:51
Html form part-8
01:57
Html form part-9
04:21
Html form part-10 assignment
00:36
Html form part-11
03:25
Html form-part-12 assignment
01:07
+ CSS
46 lectures 01:56:47
CSS introduction
04:29
CSS part-2
04:03
CSS Background image
03:17
CSS background-size
02:04
CSS line-height
01:27
CSS text-align
02:41
CSS text-style
00:45
CSS text-indent
01:30
CSS width,height and border
01:42
CSS margin and padding
02:52
CSS class
02:11
CSS id
01:11
CSS difference between id and class
02:41
CSS assignment
00:17
CSS hover
02:00
CSS inline and block level elements
01:44
CSS float part-1
03:04
CSS float part-2
02:20
CSS assignment
00:35
CSS flex box
06:21
CSS types
00:26
CSS inline-style
02:00
CSS internal style
01:30
CSS external style
04:55
CSS comments
01:35
CSS border-radius
02:31
CSS text-transform
01:08
CSS width and height with inline-element
04:27
CSS outline
03:32
CSS letter space and word space
02:10
CSS text-shadow
03:16
CSS box-shadow
04:24
CSS hide an element
02:41
CSS priority
04:03
CSS add google font
02:05
CSS parent child tags
01:02
CSS child selector
01:59
CSS pseudo element before and after
02:00
CSS pseudo element first-letter and first-line
01:39
CSS position definition
00:32
CSS position-relative
02:49
CSS position-absolute
05:34
CSS position-fixed
02:21
CSS position-sticky
02:20
CSS position-static
01:17
CSS media queries
07:17
+ JavaScript
10 lectures 49:53
JavaScript variable
05:14
JavaScript variable concatenation
04:27
77 JavaScript if statement
07:10
JavaScript if-else statement
04:35
JavaScript for loop
08:04
JavaScript array
05:55
JavaScript objects
03:11
JavaScript function
05:36
+ JQuery
13 lectures 42:26
JQuery start
03:20
JQuery-hello-world
01:54
JQuery click events
02:55
JQuery keyboard events
01:58
JQuery form events part-1
02:24
JQuery form events part-2
02:13
JQuery functions part-1
05:11
JQuery functions part-2
04:23
JQuery functions part-3
03:50
JQuery functions part-4
02:32
JQuery functions part-5
02:05
JQuery function part-6
05:24
JQuery ajax
04:17
+ Project
16 lectures 01:34:12
Project-part-1
02:28
Project setup
02:27
Create header
21:46
Slider
08:53
Three boxes in a row part-1
11:29
Three boxes in a row part-2
00:55
Two boxes in a row
04:05
Footer top
06:43
Footer bottom
04:25
Side by side comparison
03:31
Mobile friendly
04:50
JQuery part-1
02:28
JQuery window width
03:18
JQuery slide footer
06:47
Link clickable
00:47
Upload project live
09:20
Requirements
  • A computer OR Laptop
Description

In this course you will learn how and where to startup front-end web development. In this course you will be learn about following languages.


1) HTML

2) CSS

3) JavaScript

4) JQuery

Once we'll learn all the basics of web development then we'll Create a web template.

That template will very helpful for you as a startup. Once you will learn how to create that template, you we'll be able to create almost any web page.

I'll suggest you that once you watch the video then before move towards next video, you should write code, what i written in the video. Coding is not something like, someone start doing coding in-front of you and you will become developer.

You must need to write code with your hands. So that you will understand what is going on in the coding. You can also change the code with yourself and check what happens.


WHY I CREATED THIS VERY BASIC COURSE AND WHY YOU SHOULD ENROLL? 


I am doing web development since 2012. At that time web development was very straight forward. But now a days web development became headache. There are new technologies are added and many more are in the queue. I noticed now when someone try to become web developer. People misguides him.


What i did in this course. I combined all the basic things in web development and make a course.


This course will help new web-developers so that they can go on straight forward in this field.


I believe every new web developer should learn this course. After learn this course you will be able to create web pages and also you'll be ready to go in any JS latest frameworks like angular, react, vue.js etc.


So enroll first, check the video, do some practice and DONE.


Don't skip anything.


I have published this course as low price as i can. So that everyone can access this course.


Best Of Luck.

Who this course is for:
  • Web development
  • Html
  • CSS
  • Javascript
  • JQuery
  • Final Project