Become a Web Developer (HTML5;CSS;JavaScript;Ruby;Ajax; SQL)
4.5 (29 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.
3,346 students enrolled

Become a Web Developer (HTML5;CSS;JavaScript;Ruby;Ajax; SQL)

Learn Practical Hands-on Web Development From Scratch
4.5 (29 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.
3,346 students enrolled
Last updated 3/2018
English
English [Auto]
Current price: $97.99 Original price: $139.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 20.5 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • 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
  • Install professional web development tools
  • Setup folder structure
  • Create document structure with HTML
  • Mark-Up Text with HTML
  • Create links on web pages
  • Add images to web page
  • Position elements on a webpage
  • Change background color
  • Add comments to code
  • Use google fonts
  • Create variables
  • Create functions
  • Create arrays
  • Build web projects
Course content
Expand all 206 lectures 20:26:38
+ The Web and Internet
9 lectures 36:40
Installing web browsers
02:44
What is an API
05:57
Planning your web project
01:44
Sketching your website design
01:50
Choosing Assets
04:06
Creating project folder structure
07:34
+ Installing Text Editors
5 lectures 20:01
Please Read
00:12
Installing SublimeText
03:49
Installing visual studio code
04:54
Installing Brackets and Atom
07:16
Installing Notepad++
03:50
+ Introduction to HTML
11 lectures 01:11:58
What is HTML
02:36
The Anatomy of an HTML Element
03:09
Basic structure of an HTML Document
09:17
Creating a HTML document structure -part 1
06:03
Creating a HTML document structure -part 2
06:49
Creating a HTML document structure -part 3
10:39
HTML Attributes
06:08
Marking UP Text
08:21
Setting up links on webpage
07:53
Adding comments to your HTML
04:57
The source code
06:06
+ HTML Forms
8 lectures 54:00
Introduction
02:54
Creating a simple form
04:21
Creating a Textarea
04:08
Creating a form with dropdwn list
03:20
Grouping data
05:41
Creating a form part
12:10
Adding css to the form
11:47
Storing form input locally
09:39
+ Introduction to CSS
14 lectures 01:26:52
What is CSS
06:05
How to apply css to web page
11:09
Styling multiple properties
02:38
Styling multiple elements
02:58
Modifying Css
04:59
Basic CSS Selectors
09:19
Adding comments to css
04:57
The Box Model
03:49
Setting margins and padding
10:48
Setting background color
04:13
Using Display property
07:49
Positioning and styling page title
06:54
The font property
04:37
Google fonts
06:37
+ CSS Positioning
7 lectures 41:52
The syntax
05:50
Static Positioning
04:13
Relative Positioning
06:29
Horizontal and Vertical Display
06:53
Containing elements with Overflow
06:53
Fixed Positioning
05:27
Z-index
06:07
+ Introduction to Bootstrap
6 lectures 31:05
What is Bootstrap
04:25
Accessing Bootstrap
05:02
Bootstrap Overview
06:56
Create a basic website
04:56
Create a progress bar
04:40
Create a carousel of rotating images
05:06
+ Introduction to JavaScript
22 lectures 02:10:43
What is JavaScript
02:38
The developer console
04:21
The Syntax
04:07
What are Statements
07:36
What are expressions
04:54
Executing a Program
06:28
Output
06:50
Input
10:19
Adding comments to your code
05:36
Variables
08:16
Variable naming convention
03:47
Data Types
10:57
Operators
01:22
Arithmetic Operators
06:42
Assignment Operators
03:56
Operator Precedence
04:34
String Operators
04:28
Comparison Operators
07:35
Logical Operators
03:45
Arrays
07:48
Conditional Statements
06:23
Functions
08:21
+ Introduction to JQuery
7 lectures 59:40
Introduction
03:00
Accessing jQuery
09:49
jQuery selectors
10:15
jQuery Event Handler Functions
10:44
jQuery Animations
12:50
jQuery Chaining
05:11
jQuery Callback Functions
07:51
+ Ajax and JSON
13 lectures 01:21:32
What is Ajax
09:54
How Ajax works
04:19
Ajax and API
06:33
Ajax Syntax
04:56
Http vs Https
05:13
Creating XMLHttpRequest Object
05:18
Ajax Request
05:20
Ajax Server Response
02:13
Ajax Events
07:03
Ajax Example
08:27
What is JSON
03:28
JSON Syntax
11:06
Creating a JSON Object
07:42
Requirements
  • You should be able to use a PC at beginner level
  • You should be able to navigate the internet
Description

Hello and welcome to this course.

If you are a complete beginner, web development can be challenging —this course  will guide you and provide enough detail for  you to feel comfortable and learn the topics properly.  You should feel at home whether you are a student learning
 web development (on your own or as part of a class), a teacher looking for class materials, a hobbyist,
 or someone who just wants to understand more about  how web technologies work.

The objective of this course is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfortable so you can feel confident to experiment further.

The three technologies every web developer must know are :

HTML : Used to create  content
CSS: Used to present the content
JavaScript : Used to create interaction
These core technologies  are the building blocks of all websites and web based projects. They are collectively are used in front end web development .

Topics include:

  • Introduction to basic HTML
  • HTML document structure
  • Anatomy of HTML element
  • Marking up text
  • Links
  • Using comments and HTML Attributes
  • Introduction to  basic CSS
  • Ways to apply CSS
  • CSS Ruleset
  • CSS basic selectors
  • Styling multiple elements
  • CSS Box model
  • Using margin and padding properties
  • Changing background color
  • CSS Display property
  • CSS Font property
  • Using google fonts
  • Introduction to basic JavaScript
  • Where to place JavaScript
  • Variables
  • Data Types
  • Operators
  • Operator precedence
  • Using Conditionals
  • Functions


Ruby  is a modern object oriented programming language, and Ruby on Rails is a popular and  powerful    frameworks  for building web applications. Rails was built using Ruby and makes it much easier to develop web applications with Ruby. Some notable applications have been built using Ruby on Rails: They incude

Basecamp, Twitter, Shopify, Github, LivingSocial, Groupon, Hulu, Airbnb, Yellow Pages to just mention a few.. A google search will reveal much more.. 

We will create a complete blog application from scratch using Rails and in the process build up your skills.

Concepts we will cover while building our blog project include:

  • Creating a new rails project
  • Updating gems using bundler
  • Illustration of MVC architecture
  • Starting rails server
  • Conditional statements
  • Loops
  • Creating controllers
  • Creating models
  • Associating models
  • creating views
  • Generating models
  • Running migrations
  • Creating posts
  • Editing posts
  • Reading posts
  • Deleting posts
  • Adding links to posts
  • Creating comments
  • Deleting comments
  • Creating controller actions
  • Setting up routes
  • Create forms
  • Using helpers
  • Adding resources and automatically generating routes
  • Implementing security

-By the end of this practical course you would have developed enough skills to be creative and expand this project or build similar type of projects.

Who this course is for:
  • Beginner Web developers
  • Anyone who wants to learn web development