The Complete Web Development Course - Build 15 Projects
4.6 (1,397 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
8,116 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete Web Development Course - Build 15 Projects to your Wishlist.

Add to Wishlist

The Complete Web Development Course - Build 15 Projects

HTML, CSS, Javascript, jQuery, Bootstrap, PHP, MySQL, Wordpress, API's (Google , Facebook, Twitter), Mobile All covered!
4.6 (1,397 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
8,116 students enrolled
Last updated 5/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 67 hours on-demand video
  • 154 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design and build Cash Earning Powerful Websites on a highly professional level using the latest Web Technologies.
  • Use HTML5 and CSS3 to build website content and add stunning styling and decoration.
  • Use Javascript, jQuery & jQuery User Interface to create Interactive Websites and Games.
  • Use Twitter Bootstrap to produce Responsive Websites that will adapt to any device size.
  • Use PHP, Ajax and mySQL to build dynamic database-driven websites.
  • Create blogs and Professional Websites using Wordpress.
  • Use advanced skills to connect your websites to APIs like Google Maps, Facebook, Google plus and Twitter.
  • Create real life mobile apps and upload them to the IOS App Store and Google Play.
  • Use a Portfolio of over 15 highly professional websites, Games and Mobile apps you would have developed during the course to take your career to the next level.
View Curriculum
Requirements
  • I will teach you everything. All you need is a computer.
  • There is absolutely no pre-knowledge required. This is a 100% Comprehensive Web Development Course that will take you from Zero-skills to a Cash Earning Web Developer, Step by Step with NO Step skipped.
Description

*****15 Full Professional Projects worth over 20,000$*****

*****Car Sharing Website (10h), Online Notes App (11h) & many more*****

*****77 hours of Content + 40 hands on Activities + 21 Quizzes*****

*****Learn Step by Step with NO Step Skipped*****

*****This is The Only Course you need to learn Web Development*****

*****The Most Comprehensive and Cost Effective in the Market*****

*****Learn and Master Over 10 Technologies*****

  • HTML
  • CSS
  • JAVASCRIPT
  • JQUERY
  • JQUERY UI
  • TWITTER BOOTSTRAP
  • PHP
  • MYSQL
  • WORDPRESS
  • AJAX
  • JSON
  • MOBILE APPS
  • GOOGLE MAPS APIS
  • FACEBOOK WIDGETS
  • GOOGLE PLUS WIDGETS
  • TWITTER WIDGETS
  • AND MORE!

Do you know you can go from Zero Skills to a Fully Qualified Cash Earning Web Developer in only a few weeks?

Well let me tell you: If you are looking for a truly 100% Comprehensive Web Development Course, that will take you from learning the basics to mastering the most advanced web development techniques, then be certain that you have come to the right place.

Taking this course will help you achieve your dream of becoming a professional web developer, and you will be ready to build powerful and responsive websites to a highly professional degree using today’s most advanced and up to date web technologies within a few weeks from now.

In order to guarantee the success of your learning experience, this course was divided into 10 perfectly structured Chapters consisting of ~77 hours of crystal clear and 100% hands on engaging lectures.

Each Chapter covers one of the major web technologies and will take you from the basics to advanced skills. This is how:

You will first learn the basic concepts, and straight after that apply them in easy practical examples. Then you will easily navigate to more advanced concepts and use them to build more complex applications. Once you have finished the chapter, you will then move to a bigger challenge where you will confidently build a “REAL LIFE FULL PROFESSIONAL PROJECT” using the skills you acquired in that chapter combined with previous ones.

Here are a few examples of in-chapter activities:

  • Embed a relaxing YouTube Video to your website (HTML)
  • Create an online checkout form (HTML)
  • Highway Speed Control (HTML & JavaScript)
  • Outbound and Return Flight date pickers just like the Expedia Website (HTML, CSS, jQuery & jQuery UI)
  • Car Mileage range using a beautiful slider (HTML, CSS, jQuery & jQuery UI)
  • Interactive carousel slider (HTML, CSS, jQuery & Bootstrap)
  • Create a responsive Contact Form (HTML, CSS, PHP & Bootstrap)
  • What day of the week were you born? (HTML & PHP)
  • Guess the date in 1000 days from now! (HTML & PHP)
  • Calculate the route, distance and time between New York and Toronto. (HTML, Javascript, Google Maps API’s)
  • Get the geographic coordinates and postcode of any address. (HTML, jQuery, Google Maps API’s, JSON)

And much more …

Following are some of the “FULL PROFESSIONAL PROJECTS” you will build throughout the course:

  • Mathematics Tutorials Website (HTML & CSS)
  • Maths Game (HTML, CSS & JavaScript)
  • Fruits Slice Game (HTML, CSS & JQuery)
  • App Landing Page (HTML, CSS & Bootstrap)
  • Company Website (HTML, CSS & Bootstrap)
  • Stopwatch App (HTML, CSS, jQuery & Bootstrap)
  • Drawing App (HTML, CSS, jQuery & jQuery UI, Canvas, HTML5 Local Storage)
  • Online Notes App (HTML, CSS, jQuery, Bootstrap, PHP & MySQL) (Full 11h project)
  • Highly professional Blog (Wordpress)
  • Distance Between Cities Website (HTML. CSS, jQuery, Google Maps)
  • Freedom Website with Social Widgets (Facebook, Google+ & Twitter)
  • Speed Reader App for the IOS and Google Play Stores
  • Fully functional Car Sharing Website (HTML, CSS, jQuery, Bootstrap, PHP & MySQL, Ajax, JSON, Google Maps) (Full 10h project)

You will be so amazed at your own first-class work, and I am sure you will love to share it with the world. That’s why I will offer you "FREE WEB HOSTING" worth 200$/YEAR for the duration of the course so that you can make your professional websites live and attract potential employers or clients. As a result you can start making money from the first week of your unique learning journey.

By the end of the course, you will have built a solid portfolio of “OVER 15 REAL PROFESSIONAL WEBSITES, GAMES AND MOBILES APPS FOR THE IOS AND GOOGLE STORES”. This will give you a competitive edge in the web development market and boost your income as a web developer by increasing your employability or chances of being awarded lucrative projects by clients around the world.

What Students say:

"Incredible course

The content is very comprehensive and informative. 60 hours video + materials! The production quality is amazing The instructor is very interesting and engaging. Could not have asked for a better course Truly fantastic I am very very happy I invested my money and time on this course!"

Klevis Merko

Who is the target audience?
  • This Course is for people with no web development knowledge or experience.
  • This Course is also for people with web development knowledge, but wanting to learn new skills and enrich their portfolio with 15 Highly professional Interactive Websites, Games and Mobile Apps.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
384 Lectures
76:21:49
+
Introduction - Get your free Unlimited Web Hosting - HTML
21 Lectures 01:54:25

Welcome to The Complete Web Development Course, the most comprehensive web development course on the internet. Throughout the course, we will have fun together learning Web Development Technologies. You will confidently go from Zero-skills to a Professional cash Earning Web developer. In this video I will give you an overview of the different chapters of the course. I will list the skills you will learn and I will introduce you to the powerful websites and applications you will share with the world at the end of each section.

Preview 01:30

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

HTML Chapter: Roadmap and Full Source Code
21 pages

This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website.

Structure of a website
09:23

In this lecture, you will build your very first website.

Your first website
05:40

In this lecture, you will get your free unlimited web hosting so that you can upload your website on a remote server and share it with the whole world.

Get your free unlimited web hosting
06:59

In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop.

Set up FireFTP
08:28

In this lecture, you will learn the syntax of HTML headings and add different headings to your website.

Headings
04:55

In this lecture, you will learn the syntax of HTML paragraphs, you will create your first paragraph. You will then create your second paragraph and add a line break inside it.

Paragraphs
02:31

In this lecture, you will add links to your website. This session will cover different types of links, links taking you to an external website, links taking you to a file in the same server you are working in and links taking you to a certain HTML element in your website itself.

Links
07:49

In this video, you will add images to your website. This section will cover images located in your server as well as external images living in other servers. Also you will add basic styling to pictures using basic attributes like the width and height.

Images
04:40

In this lecture, you will understand the difference in behaviour between the main two types of HTML elements: Inline Elements and Block Elements

Inline vs Block Elements
05:53

In this lecture, you will embed external websites inside your website using Iframes, also you will add a nice relaxing YouTube video to your website.

Iframes - Activity: Embed a nice relaxing YouTube video to your website
05:41

In this lecture, you will create your first unordered list, and also add a nice sub-list inside your unordered list.

Unordered Lists
03:02

In this lecture, you will create a few types of ordered lists

Ordered Lists
02:09

In this lecture, you will create a description/definition list defining two main Web Technologies in this course: HTML and CSS.

Description Lists
02:19

In this lecture, you will create a simple HTML table consisting of three columns: Name, Company and Data of Birth, then you will populate it using details of famous people like Mark Zuckerberg or Steve Jobs.

Tables
03:54

In this lecture, you will create HTML entities like the copyright symbol or the less than sign.

Entities
05:07

In this lecture, you will create a simple login form using HTML text inputs and password inputs. You will add labels inside your form. And you will add a Login button to submit you form. I will briefly mention the different types of forms (get and post) that we will cover later in the PHP chapter.

Forms (1) - Activity: Create a simple Login Form
08:02

In this lecture, you will create a nice Marketplace Checkout Form, it will consist of fields like the customer address, their preferred shipping method, payment method, etc. You will use new input types like checkboxes and radio buttons which I will explain in detail.

Forms (2) - Activity: Create a Marketplace Checkout Form
20:00

In this lecture, you will style text using basic HTML tags. (Advanced styling using CSS will be covered in the next chapter).

Text Decoration
03:58

In this lecture, you will add comments to HTML code to make your code more readable.

Comments
02:25

HTML Quiz
5 questions
+
CSS
29 Lectures 02:15:07

In this lecture you will get introduced to CSS (Cascading Style Sheets) which you will use later to style and decorate your websites.

Introduction
01:11

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

CSS Chapter: Roadmap and Full Source Code
60 pages

In this lecture, you will learn how to style HTML elements using inline styling, which uses the style attribute that goes inside the element tag. In the first example you will set the font-size and color of a paragraph.

Inline CSS
02:25

In this lecture, you will learn how to style HTML elements using internal CSS which goes inside the head section of the website. You will learn how to select elements you would like to style and add styling to them.

Internal CSS
02:26

In this lecture, you will learn how to use external CSS to styling HTML elements. You will style your website this time using and external file that you will link to your website using the link element inside the head of your website.

External CSS
02:33

In this lecture, you will get introduced to the class and id concepts, which you will use to style different HTML elements with minimal code.

Classes and IDs
02:44

In this lecture, you will get introduced to the Div and Span concepts and use them to add styling to your website.

Div and Span
07:25

In this lecture, you will get introduced to the box model, which you will use in the next few lectures to add padding, borders and margins to HTML elements.

Box Model
02:56

In this lecture, you will learn the padding concept and its syntax. You will add padding to div elements in your page.

Box Model: Padding
04:25

In this lecture, you will learn the border concept and its syntax. You will add borders to div elements in your page.

Box Model: Border
05:49

In this lecture, you will learn the outline concept and its syntax. You will add outlines to div elements in your page.

Box Model: Outline
01:52

In this lecture, you will learn the margin concept and its syntax. You will add margins to div elements in your page.

Box Model: Margin
02:27

In this lecture, you will get introduced to the background CSS properties and use them to style HTML elements using background images.

Background
07:48

In this lecture, you will use the CSS float property to control how HTML elements float on a webpage.

Floating
04:37

In this lecture, you will learn different types of CSS positioning: fixed, relative and absolute positioning. You will use them to position HTML elements on your webpage. You will also use the z-index property to decide which element show on top of the other if two HTML elements overlap.

Positioning
06:21

In this lecture, you will learn how to use the CSS properties: display and visibility to hide or show HTML elements. You will also learn the difference between these two properties.

Display
03:00

In this lecture, you will use how to use CSS properties (text-decoration, font-weight, etc.) to decorate text, i.e. underlining text, make text bold, adding text shadow, etc.

Text Decoration
05:00

In this lecture, you will learn how to use CSS properties to align text just like you would do on a text editor like Microsoft word.

Text Align
01:58

In this lecture, you will learn how to set text font family. You will also learn the difference between generic and specific families.

Text Font
03:50

In this lecture, you will use CSS properties to control the behaviour of text overflowing of an HTML element by breaking it, wrapping it or hiding it.

Text Effects
07:53

In this lecture, you will use image sprites to use only a part of an image in your webpage rather than the full picture.

Image Sprites
05:30

In this lecture, you will learn how to add opacity to HTML pictures and control how transparent they are.

Image Opacity
02:56

In this lecture, you will style two lists of European capitals using the CSS list properties.

Styling Lists
07:42

In this lecture, you will style HTML links in different states: standard, active, visited.

Styling Links
07:08

In this lecture, you will style a div using gradients

Gradients
10:06

In this lecture, you will apply 2D transforms to an HTML div: rotation, translation, skewing

2D Transforms
06:22

In this lecture, you will apply 3D transforms to an HTML div: 3D rotation

3D Transforms
04:53

In this lecture, you will add nice transitions to HTML elements: you will make them change their dimensions and apply 2D or 3D transforms for a specific duration.

Transitions
04:53

In this lecture, you will create nice animations on your webpage using the CSS animation property. We will animate a div by moving it following a nice rectangular route and changing its colour on the way.

Animations
08:57

CSS Quiz
5 questions
+
Professional Project: Mathematics Tutorials Website (HTML & CSS)
9 Lectures 01:40:57

In this lecture, you will get introduced to the awesome features of the Website you are about to build.

Preview 02:23

In this lecture, you will build the header section of your website using HTML and style using CSS.

Header (1)
17:46

In this lecture, you will build the header section of your website using HTML and style using CSS.

Header (2)
16:42

In this lecture, you will create the website menu and decorate it.

Menu
18:22

In this lecture, you will create the introduction box and style it.

Introduction Box
07:03

In this lecture, you will add sidebars and fill them with lists and use CSS to style them.

Sidebars (1)
19:46

In this lecture, you will add sidebars and fill them with lists and use CSS to style them.

Sidebars (2)
08:38

In this lecture, you will add a footer to your website and finish the project by checking your website's XHTML compliance online.

Footer & Congratulations
10:17

Mathematics Tutorial Website Quiz
2 questions

This file contains the full source code of the project.

Maths Website Source Code
8 pages
+
Javascript
22 Lectures 03:41:51

In this lecture, you will get introduced to JavaScript and the different powerful features it adds to your websites. You will create a nice webpage with an alert message showing up on page load.

Introduction
08:56

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

JavaScript Chapter: Roadmap and Full Source Code
44 pages

In this lecture, we will create two buttons and write JavaScript code that responds to clicking on the buttons. For the first button we will write code inside the button tag. For the second one we will write code inside the script element.

Buttons
07:04

In this lecture, we will learn how to change HTML content following an event like clicking or double clicking on a button.

Change HTML Content
07:02

In this lecture, we will learn how to change HTML Style like font-size or font-family following an event like clicking or double clicking on a button.

Change HTML Style
05:51

In this lecture, we will use get introduced to variables which are simple containers which store data like a number or string. We will also get introduced to the different types of variables.

Variables and Data Types
11:38

In this lecture, we will change HTML content using variables. This time we will apply our skills to create a random color generator that will affect a random new color to a div whenever we click on a button.

Change HTML Using Variables - Activity: Random Color Generator
10:44

In this lecture, we will get introduced to the function concept which will save a lot while coding. We will use our knowledge to create a function that will swap the content of two divs whenever we click on a button.

Functions: Activity: Swap the content of two divs
13:56

In this lecture, we will dive into some JavaScript object oriented concepts: We will get introduced to objects and create our first object using a simple syntax.

Objects
09:23

This time we will create an object using the new key word.

Create Objects using the "new" keyword
04:41

This time we will create an object using another way: we will use a constructor which is a function we will define first which shows the different properties and methods of a prototype, then we will use this function to construct objects.

Object Contructors
16:41

In this lecture, we will learn arrays which will help store multiple variables inside one variable: the array.

Arrays
17:45

In this lecture, we will learn the “if and switch statements “which will tell the browser to do certain things based on certain conditions. We will use our knowledge to build a motorway speed control telling us if we are over speeding, going too slow or driving at a good speed based on our speedometer!

If and Switch Statements - Activity: Motorway Speed Control
17:23

In this lecture, we will learn for loops, which will help us execute the same piece of code over and over without having to repeat the code at all.

For Loops
09:23

In this lecture, we will learn while loops, which will help us execute the same piece of code over and over while a certain condition is true. We will use our knowledge to build an application spending randomly 1000$ in marketplace, we will be spending and spending while the condition “we still have money” is true!

While Loops - Activity: Spend $1000 Randomly in a marketplace
11:07

In this lecture, we will learn regular expressions which are usually used to check a certain user input against a certain criteria like including at least one digit.

Regular Expressions
16:17

In this lecture, we will show JavaScript errors to our user in a user friendly way.

Errors (1)
03:42

We will apply our skills to create a password validation example where we require the password to include at least 6 characters, one number and one capital letter. If there is an error, we show the user a user friendly message on the screen.

Errors (2) - Activity: Password Validation
12:48

In this lecture, we will get introduced to timing function like setInterval which will execute the same piece of code each time a specified number of milliseconds has elapsed. We will use this function to create a counter.

Set Interval & SeTimeout - Activity: Create a simple counter
10:23

In this lecture, we will learn how to access the with and height properties of the user browser or device screen. We will use our knowledge to build a webpage with 4 equal colourful divs.

Window and Screen
13:02

In this lecture, we will learn confirmation boxes which are used to make the user accept or refuse a certain action. We also cover prompt boxes which ask the user some information like their name for example.

Alert Boxes
07:45

In this lecture, we will learn how to set cookies using JavaScript. (We will also cover cookies later in the PHP chapter)

Cookies
06:20

Javascript Quiz
5 questions
+
Professional Project: Maths Game (HTML, CSS & JavaScript)
11 Lectures 02:18:31

In this lecture, we will get introduced to the awesome features of the website we are about to build.

Preview 02:27

In this lecture we will build the skeleton and styling of our Website.

Page Structure & Styling (1)
19:58

In this lecture we will build the skeleton and styling of our Website.

Page Structure & Styling (2)
18:20

In this lecture we will build the skeleton and styling of our Website.

Page Structure & Styling (3)
15:28

In this lecture we will build the skeleton and styling of our Website.

Page Structure & Styling (4)
07:14

In this lecture we will go through the logic of our Game using an illustrative flow chart.

Preview 03:02

In this lecture we will write Javascript code which will create the different functionalities our Game.

JavaScript Code (1)
17:22

In this lecture we will write Javascript code which will create the different functionalities our Game.

JavaScript Code (2)
19:00

In this lecture we will write Javascript code which will create the different functionalities our Game.

JavaScript Code (3)
17:30

In this lecture we will write Javascript code which will create the different functionalities our Game.

JavaScript Code (4) & Congratulations
18:10

Maths Game Quiz
2 questions

This file contains the full source code of the project.

Math Game Source Code
11 pages
+
jQuery
27 Lectures 04:56:36

In this lecture, we will get introduced to the amazing features of JQuery which will make our JavaScript coding a lot easier. We will build a webpage and embed jQuery to it.

Introduction and Loading JQuery
09:03

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

JQuery Chapter: Roadmap and Full Source Code
88 pages

In this lecture, we will learn how to use jQuery syntax to select HTML elements using their HTML tag, id, class, etc.

Select HTML Elements (1)
12:59

In this lecture, we will learn how to use jQuery syntax to select HTML elements using their HTML tag, id, class, etc.

Select HTML Elements (2)
11:17

In this lecture, we will learn how to use jQuery to respond to events like clicking on a button or hover on an element.

Respond to Events
12:07

In this lecture we will learn how to use jQuery to change HTML elements content and attributes

Change HTML Content and Attributes (1)
11:47

Change HTML Content and Attributes (2)
07:11

In this lecture we will learn how to use jQuery to change HTML Styling: we will learn how to change properties like the width of an element. Also we will learn how to add a class or remove a class.

Change Styling (1)
11:49

We will apply our skills to create a random position and color generator: Our application will make a div reposition itself randomly and get a new random color every time it is clicked.

Change Styling (2) - Activity: Random Position and Color Generator
13:59

In this lecture, we learn how to add jQuery effects like fading out or fading in elements, creating animations with a specified duration or creating a delay before a certain action takes place.

JQuery Effects
14:44

In this lecture, we will learn Ajax and use it to exchange data between our website and external resources, and update our page with received data without reloading the page.

Ajax
13:00

In this lecture, we will get introduced to jQuery UI and the different powerful features it offers for web developers.

JQuery UI Introduction
08:09

In this lecture, we will learn how to make HTML elements draggable. We will apply our knowledge by creating a funny draggable box which will get random colours continuously while being dragged and also display text like “drop me” or “leave me alone”. Once it is dropped it goes back to its original location and displays: “Finally”

Draggable and Droppable (1) - Activity: Leave me alone! Please drop me!
19:05

In this lecture, we will learn how to make a certain element droppable. We will apply our knowledge to drag items to a box and copy a clone of these items inside our box.

Draggable and Droppable (2) - Activity: Drag Items to your basket
10:09

In this lecture, we will learn how to make elements resizable using jQuery UI.

Resizable
09:20

In this lecture, we will learn how to make elements selectable using jQuery UI. We will apply our skills by create an application where once we select one or multiple selectable Car Makes, they get appended to a box.
Selectable - Activity: Append selected Car Makes to a Box
09:47

In this lecture, we will learn how to make list elements sortable. We will apply our knowledge by creating two lists of sortable Car Makes that we can sort and exchange using drag and drop.

Sortable - Activity: Sort and exchange Car Makes between two groups
09:03

In this lecture, we will learn how to create accordions using jQuery UI. We will apply our knowledge to create a resizable accordion with collapsible sections.

Accordion - Activity: Create a resizable accordion with collapsible sections
10:04

In this lecture, we will learn how to create inputs with prepopulated data using jQuery UI.

Autocomplete - Activity: City Input with prepopulated options
07:12

In this lecture, we will learn how to create and style buttons and checkboxes, add icons … using jQuery UI.

Button
13:16

In this lecture, we will use the date picker feature of jQuery UI, to create data inputs helping the user with a calendar. We will then practise our knowledge by creating an Outbound and return Flight Date Picker just like Expedia.com. We will write code to make sure that our return flight date is after our Outbound flight date.

Date Picker - Activity: Outbound and return Flight Date Picker just like Expedia
13:56

In this lecture, we will learn the dialog feature of jQuery UI. We will apply our knowledge by creating a nice dialog box, asking us if we want to go the previous page or cancel.

Dialog - Activity: Are you sure you want to go to the previous page?
13:58

In this lecture, we will create a nice styled menu using jQuery UI. We will create another menu with headers in it.

Menu
06:05

In this lecture, we will get introduced to jQuery UI progress bar feature, and we will use our knowledge to build a nice Animated progress bar filled from 0% to 100%.

Progress Bar - Activity: Animated progress bar filled from 0% to 100%
10:50

In this lecture, we learn jQuery UI select menus. We will create one styled menu, and another menu with headers in it.

Select Menu
07:46

In this lecture, we learn jQuery UI sliders. We will apply our skills by create a slider that we can use to select a car mileage range with a step of 1000 miles ranging from 0 to 100000 miles.

Slider - Activity: Car Mileage Range using a Slider
17:54

In this lectures, we will cover briefly other jQuery Widgets: Spinners, Tabs, Tooltips.

More Widgets: Spinners, Tabs and Tooltips
12:06

jQuery Quiz
5 questions
+
Professional Project: Fruits Slice Game (HTML, CSS & JQuery)
8 Lectures 01:34:38

Page Structure and Styling
12:51


jQuery Code (1)
17:45

jQuery Code (2)
21:04

jQuery Code (3)
20:08

jQuery Code (4)
17:51

Fruits Slice Game Quiz
2 questions

This file contains the full source code of the project.

Fruits Slice Game Source Code
10 pages
+
Twitter Bootstrap
27 Lectures 04:35:31
Introduction
07:46

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

Bootstrap Chapter: Roadmap and Full Source Code
89 pages

Grid System
09:33

Typography
12:13

Tables
06:01

Forms (1) - Activity: Inline and Horizontal Responsive Login Forms
12:23

Forms (2)
11:26

Forms (3)
19:27

Buttons
12:51

Images
02:24

Navs - Activity: Website Design using Nav Tabs and Nav Pills
08:47

Navbars - Activity: Website Design using a responsive/collapsible navigation bar
19:58

Pagination - Activity: Pagination and Pager Examples like Google/Ebay
08:56

Jumbotron
03:12

Thumbnails
10:00

Dropdown menus
07:19

Modals (1) - Activity: I have an inquiry about my order
16:14

Modals (2) - Activity: I have an inquiry about my order
07:12

Scrollspy
08:38

Tabs
14:24

Tooltips
06:36

Popovers - Activity: Create a popover just like the one you see on an IPAD
06:41

Alerts - Activity: Create an alert Box to show a warning or success message
07:34

Button plugin - Activity: Loading … Download Complete
08:50

Collapse plugin
16:46

Carousels - Activity: Create an interactive carousel slider
17:28

Affix plugin - Activity: Interactive Website with Content Affixed to a Menu
12:52

Twitter Bootstrap Quiz
5 questions
+
Professional Project: App Landing Page (HTML, CSS & Bootstrap)
6 Lectures 56:55

Header and Featured Content (1)
15:21

Header and Featured Content (2)
15:49

Header and Featured Content (3)
09:01

Trial Section, Footer & Congratulations
14:03

App Landing Page Quiz
2 questions

This file contains the full source code of the project.

App Landing Page Source Code
6 pages
+
Professional Project: Company Website (HTML, CSS & Bootstrap)
7 Lectures 01:03:08

Structure of our work
09:00

Background
06:30

Navbar
17:33

Header & icons section
14:00

Contact Button & Footer
13:46

Company Website Quiz
2 questions

This file contains the full source code of the project.

Company Website Source Code
4 pages
14 More Sections
About the Instructor
Development Island (UK)
4.6 Average rating
1,519 Reviews
18,803 Students
2 Courses
Best Technology Courses on the internet

Hi, I'm Issam. I am the founder and director of Development Island based in Bedford, United Kindgom, specialised in providing the best Technology Courses on the internet.

I have two Master Degrees in Engineering and Management from Cranfield University (UK) and Ecole Centrale Paris. I worked for many world class companies in the past including Amadeus, Ford and Airbus in different roles including: Web Development, Consulting, Simulation and Teaching. I have a solid and successful track record of Teaching Mathematics and Web Development.

I LOVE TEACHING. That's why I spent thousands of hours to bring you "THE COMPLETE WEB DEVELOPER COURSE": The most comprehensive web development course on the market. It encompasses everything you need to start a brilliant career in Web Development. I will teach you over 10 Web/Mobile Technologies from scratch. You will also build a portfolio of 15 Real Professional Websites, Games and Mobile Apps and get ready to take the Best Web Development Jobs in the Market.

Web Developers earn 55,542$ on average and up to 85,605$ annually.

(source: Payscale, USA. January 2016)