Complete Web Development - 300 Module Guide

(Instant booking on GulfTalent)
Location
Online
Dates
Can be taken anytime
Course Type
Professional Training Course
Accreditation
-
Language
English
Price
$129 $29 only

Course Overview

From Web-Developer Issam Baou comes a truly comprehensive experience in web development unlike any other! There has never been a better time to jump into the wide world of web-development, and the course covers Complete Web Development. Throughout this course, you will progress from basic to advanced concepts in the form of exciting, practical examples that you can ultimately use as an earning web-developer! As you finish a chapter, you will use the skills you’ve learned in previous chapters to build a professional project that you will be confident to set live! Such projects include: app landing page, professional blog, games, tutorial websites and much more!

Who should take this course

  • Anyone with no web-dev knowledge that want a new challenge in an exciting industry.
  • Experienced web-developers that want to learn new skills, bolster old ones, and enrich their portfolio.
  • Anyone adventurous enough to try something new!

Course content

Section 1: Introduction – Get your free Unlimited Web Hosting – HTML

Lecture 1 Introduction

Lecture 2 HTML Chapter: Roadmap and Full Source Code

Lecture 3 Structure of a website

Lecture 4 Your first website

Lecture 5 Get your free unlimited web hosting

Lecture 6 Set up FireFTP

Lecture 7 Headings

Lecture 8 Paragraphs

Lecture 9 Links

Lecture 10 Images

Lecture 11 Inline vs Block Elements

Lecture 12 Iframes – Activity: Embed a nice relaxing YouTube video to your website

Lecture 13 Unordered Lists

Lecture 14 Ordered Lists

Lecture 15 Description Lists

Lecture 16 Tables

Lecture 17 Entities

Lecture 18 Forms (1) – Activity: Create a simple Login Form

Lecture 19 Forms (2) – Activity: Create a Marketplace Checkout Form

Lecture 20 Text Decoration

Lecture 21 Comments

Quiz 1 HTML Quiz

Section 2: CSS

Lecture 22 Introduction

Lecture 23 CSS Chapter: Roadmap and Full Source Code

Lecture 24 Inline CSS

Lecture 25 Internal CSS

Lecture 26External CSS

Lecture 27 Classes and IDs

Lecture 28 Div and Span

Lecture 29 Box Model

Lecture 30 Box Model: Padding

Lecture 31 Box Model: Border

Lecture 32 Box Model: Outline

Lecture 33 Box Model: Margin

Lecture 34 Background

Lecture 35 Floating

Lecture 36 Positioning

Lecture 37 Display

Lecture 38 Text Decoration

Lecture 39 Text Align

Lecture 40 Text Font

Lecture 41 Text Effects

Lecture 42 Image Sprites

Lecture 43 Image Opacity

Lecture 44 Styling Lists

Lecture 45 Styling Links

Lecture 46 Gradients

Lecture 47 2D Transforms

Lecture 48 3D Transforms

Lecture 49 Transitions

Lecture 50 Animations

Quiz 2 CSS Quiz

Section 3: Professional Project: Mathematics Tutorials Website (HTML & CSS)

Lecture 51Introduction

Lecture 52 Header (1)

Lecture 53 Header (2)

Lecture 54 Menu

Lecture 55 Introduction Box

Lecture 56 Sidebars (1)

Lecture 57 Sidebars (2)

Lecture 58 Footer & Congratulations

Quiz 3 Mathematics Tutorial Website Quiz

Lecture 59 Maths Website Source Code

Section 4: Javascript

Lecture 60 Introduction

Lecture 61 JavaScript Chapter: Roadmap and Full Source Code

Lecture 62 Buttons

Lecture 63 Change HTML Content

Lecture 64 Change HTML Style

Lecture 65 Variables and Data Types

Lecture 66 Change HTML Using Variables – Activity: Random Color Generator

Lecture 67 Functions: Activity: Swap the content of two divs

Lecture 68 Objects

Lecture 69 Create Objects using the “new” keyword

Lecture 70 Object Contructors

Lecture 71 Arrays

Lecture 72 If and Switch Statements – Activity: Motorway Speed Control

Lecture 73 For Loops

Lecture 74 While Loops – Activity: Spend $1000 Randomly in a marketplace

Lecture 75 Regular Expressions

Lecture 76 Errors (1)

Lecture 77 Errors (2) – Activity: Password Validation

Lecture 78 Set Interval & SeTimeout – Activity: Create a simple counter

Lecture 79 Window and Screen

Lecture 80 Alert Boxes

Lecture 81 Cookies

Quiz 4 Javascript Quiz

Section 5: Professional Project: Maths Game (HTML, CSS & JavaScript)

Lecture 82 Introduction

Lecture 83 Page Structure & Styling (1)

Lecture 84 Page Structure & Styling (2)

Lecture 85 Page Structure & Styling (3)

Lecture 86 Page Structure & Styling (4)

Lecture 87 Game Logic using an illustrative flowchart

Lecture 88 JavaScript Code (1)

Lecture 89 JavaScript Code (2)

Lecture 90 JavaScript Code (3)

Lecture 91 JavaScript Code (4) & Congratulations

Quiz 5 Maths Game Quiz 2 questions

Lecture 92 Math Game Source Code

Section 6: jQuery

Lecture 93 Introduction and Loading JQuery

Lecture 94 JQuery Chapter: Roadmap and Full Source Code

Lecture 95 Select HTML Elements (1)

Lecture 96 Select HTML Elements (2)

Lecture 97 Respond to Events

Lecture 98 Change HTML Content and Attributes (1)

Lecture 99 Change HTML Content and Attributes (2)

Lecture 100 Change Styling (1)

Lecture 101 Change Styling (2) – Activity: Random Position and Color Generator

Lecture 102 JQuery Effects

Lecture 103 Ajax

Lecture 104 JQuery UI Introduction

Lecture 105 Draggable and Droppable (1) – Activity: Leave me alone! Please drop me!

Lecture 106 Draggable and Droppable (2) – Activity: Drag Items to your basket

Lecture 107 Resizable

Lecture 108 Selectable – Activity: Append selected Car Makes to a Box

Lecture 109 Sortable – Activity: Sort and exchange Car Makes between two groups

Lecture 110 Accordion – Activity: Create a resizable accordion with collapsible sections

Lecture 111 Autocomplete – Activity: City Input with prepopulated options

Lecture 112 Button

Lecture 113 Date Picker – Activity: Outbound and return Flight Date Picker just like Expedia

Lecture 114 Dialog – Activity: Are you sure you want to go to the previous page?

Lecture 115 Menu

Lecture 116 Progress Bar – Activity: Animated progress bar filled from 0% to 100%

Lecture 117 Select Menu

Lecture 118 Slider – Activity: Car Mileage Range using a Slider

Lecture 119 More Widgets: Spinners, Tabs and Tooltips

Quiz 6 jQuery Quiz

Section 7: Professional Project: Fruits Slice Game (HTML, CSS & JQuery)

Lecture 120 Introduction

Lecture 121 Page Structure and Styling

Lecture 122 Game Logic using an illustrative flowchart

Lecture 123 jQuery Code (1)

Lecture 124 jQuery Code (2)

Lecture 125 jQuery Code (3)

Lecture 126 jQuery Code (4)

Quiz 7 Fruits Slice Game Quiz

Lecture 127 Fruits Slice Game Source Code

Section 8: Twitter Bootstrap

Lecture 128 Introduction

Lecture 129 Bootstrap Chapter: Roadmap and Full Source Code

Lecture 130 Grid System

Lecture 131 Typography

Lecture 132 Tables

Lecture 133 Forms (1) – Activity: Inline and Horizontal Responsive Login Forms

Lecture 134 Forms (2)

Lecture 135 Forms (3)

Lecture 136 Buttons

Lecture 137 Images

Lecture 138 Navs – Activity: Website Design using Nav Tabs and Nav Pills

Lecture 139 Navbars – Activity: Website Design using a responsive/collapsible navigation bar

Lecture 140 Pagination – Activity: Pagination and Pager Examples like Google/Ebay

Lecture 141 Jumbotron

Lecture 142 Thumbnails

Lecture 143 Dropdown menus

Lecture 144 Modals (1) – Activity: I have an inquiry about my order

Lecture 145 Modals (2) – Activity: I have an inquiry about my order

Lecture 146 Scrollspy

Lecture 147 Tabs

Lecture 148 Tooltips

Lecture 149 Popovers – Activity: Create a popover just like the one you see on an IPAD

Lecture 150 Alerts – Activity: Create an alert Box to show a warning or success message

Lecture 151 Button plugin – Activity: Loading … Download Complete

Lecture 152 Collapse plugin

Lecture 153 Carousels – Activity: Create an interactive carousel slider

Lecture 154 Affix plugin – Activity: Interactive Website with Content Affixed to a Menu

Quiz 8 Twitter Bootstrap Quiz

Section 9: Professional Project: App Landing Page (HTML, CSS & Bootstrap)

Lecture 155 Introduction

Lecture 156 Header and Featured Content (1)

Lecture 157 Header and Featured Content (2)

Lecture 158 Header and Featured Content (3)

Lecture 159 Trial Section, Footer & Congratulations

Quiz 9 App Landing Page Quiz

Lecture 160 App Landing Page Source Code

Section 10: Professional Project: Company Website (HTML, CSS & Bootstrap)

Lecture 161 Introduction

Lecture 162 Structure of our work

Lecture 163 Background

Lecture 164 Navbar

Lecture 165 Header & icons section

Lecture 166 Contact Button & Footer

Quiz 10 Company Website Quiz

Lecture 167 Company Website Source Code

Section 11: Professional Project: Our Lovely Course (HTML, CSS, jQuery & Bootstrap)

Lecture 168 Introduction

Lecture 169 Structure of our work

Lecture 170 Add a background video

Lecture 171 Navigation bar with advanced styling

Lecture 172 Home Section

Lecture 173 About Section

Lecture 174 Carousel Slider (1)

Lecture 175 Carousel Slider (2)

Lecture 176 Adapt for Small Devices

Lecture 177 Add ScrollSpy feature to navbar & Congratulations

Quiz 11 Our Lovely Course Website Quiz

Lecture 178 Our Lovely Course Website Source Code

Section 12: Professional Project: Stopwatch App (HTML, CSS, jQuery & Bootstrap)

Lecture 179 Introduction

Lecture 180 App Skeleton and Decoration (1)

Lecture 181 App Skeleton and Decoration (2)

Lecture 182 App Logic using an illustrative flowchart

Lecture 183 jQuery Code (1)

Lecture 184 jQuery Code (2)

Lecture 185 jQuery Code (3)

Quiz 12 StopWatch App Quiz

Lecture 186 StopWatch App Source Code

Section 13: Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)

Lecture 187 Introduction

Lecture 188 App Skeleton and Decoration (1)

Lecture 189 App Skeleton and Decoration (2)

Lecture 190 App Skeleton and Decoration (3)

Lecture 191 Learn HTML5 Canvas

Lecture 192 App Logic using an illustrative flowchart

Lecture 193 jQuery Code Structure

Lecture 194 jQuery Code (1)

Lecture 195 jQuery Code (2)

Lecture 196 jQuery Code (3)

Quiz 13 Drawing App Quiz

Lecture 197 Drawing App Source Code

Section 14: PHP

Lecture 198 Introduction

Lecture 199 PHP Chapter: Roadmap and Full Source Code

Lecture 200 Embed PHP in HTML

Lecture 201 PHP Variables

Lecture 202 Data Types: Strings

Lecture 203 Data Types: Integers and Floats

Lecture 204 Data Types: Booleans

Lecture 205 Data Types: Arrays

Lecture 206 Data Types: Objects

Lecture 207 Data Types: NULL

Lecture 208 Data Types: Resources

Lecture 209 String Functions

Lecture 210 If and Switch Statements

Lecture 211 For Loops

Lecture 212 While Loops

Lecture 213 Functions

Lecture 214 GET & POST

Lecture 215 Array Functions (1)

Lecture 216 Array Functions (2)

Lecture 217 Send Emails – Activity: Send a styled email in HTML format

Lecture 218 Filter User Inputs (1) – Protect Yourself from Hackers

Lecture 219 Filter User Inputs (2) – User Input Validation

Lecture 220 Activity: Create a responsive Contact Form using PHP & Bootstrap (1)

Lecture 221 Activity: Create a responsive Contact Form using PHP & Bootstrap (2)

Lecture 222 Activity: Create a responsive Contact Form using PHP & Bootstrap (3)

Lecture 223 Date and Time (1)

Lecture 224 Date and Time (2) – Activity: Day of the week you were born? Date in 1000 days?

Lecture 225 Include PHP files

Lecture 226 File Handling (1): Open – Read – Write – Close

Lecture 227 File Handling (2): Open – Read – Write – Close

Lecture 228 Upload Files Using PHP (1) – Activity: Upload PDF & Text Files Less than 3Mo.

Lecture 229 Upload Files Using PHP (2) – Activity: Upload PDF & Text Files Less than 3Mo.

Lecture 230 Cookies

Lecture 231 Error Handling (1)

Lecture 232 Error Handling (2) – Activity: Log PHP errors in a file / Trigger error emails

Lecture 233 Sessions

Quiz 14 PHP Quiz

Section 15: MySQL

Lecture 234 Introduction

Lecture 235 MySQL Chapter: Roadmap and Full Source Code 24 pages

Lecture 236 Create a database using PHP MYADMIN

Lecture 237 Remote MySQL (1)

Lecture 238 Remote MySQL (2)

Lecture 239 Create a database using PHP & MySQL

Lecture 240 Add a table to a database

Lecture 241 Populate a database table

Lecture 242 Activity: Populate Database once the user submits a form

Lecture 243 Activity: Populate an HTML table using Database Data (1)

Lecture 244 Activity: Populate an HTML table using Database Data (2)

Lecture 245 Update Database Data

Lecture 246 Delete Database Data

Quiz 15 MySQL Quiz

Section 16: WordPress (3 Professional Webpages: Blog + About Page + Contact Page)

Lecture 247 Introduction

Lecture 248 Installation – Activity: Create your first Blog

Lecture 249 Blog Posts and Comments

Lecture 250 Themes

Lecture 251 Pages and Menus

Lecture 252 Customise pages (1)

Lecture 253 Customise pages (2)

Lecture 254 Custom CSS

Lecture 255 Plugins

Lecture 256 Activity: Beautiful About Page (Add Content to a WordPress Page)

Lecture 257 Activity: Beautiful About Page (Typography)

Lecture 258 Activity: Beautiful About Page (Logos)

Lecture 259 Activity: Beautiful About Page (Buttons)

Lecture 260 Activity: Create an Awesome Contact Page with a Google Map and Contact Form

Quiz 16WordPress Quiz

Section 17: Google Maps API’s

Lecture 261 Introduction & Embed Google Map to your Website

Lecture 262 Google Maps API’s Chapter: Roadmap and Full Source Code

Lecture 263 Markers and InfoWindows

Lecture 264 Show, Hide or Delete Markers

Lecture 265 Animated drop of Markers

Lecture 266 Direction Service – Activity: Driving distance & time between New York & Toronto

Lecture 267 Geocoding using the Javascript API – Activity: Get Geocoordinates of an address,

Lecture 268 Geocoding using the geocoding API (1) – Activity: format Address & get postcode.

Lecture 269 Geocoding using the geocoding API (2) – Activity: format Address & get postcode.

Lecture 270 Nearby Search

Lecture 271 Autocomplete

Quiz 17 Google Maps API’s Quiz

Section 18: Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps)

Lecture 272 Introduction

Lecture 273 Skeleton and decoration

Lecture 274 App Logic using an illustrative flowchart

Lecture 275 Javascript Code

Lecture 276 Distance Between Cities App Source Code

Quiz 18 Distance Between Cities App Quiz

Section 19: Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter)

Lecture 277 Introduction

Lecture 278 Skeleton and decoration

Lecture 279 Facebook Widgets

Lecture 280 Google plus Widgets

Lecture 281 Tweet Button

Lecture 282 Twitter Timeline

Lecture 283 Website Source Code

Quiz 19 Social Widgets Quiz

Section 20: IOS and Android Mobile Applications using jQuery Mobile

Lecture 284 Introduction

Lecture 285 Mobile Apps Chapter: Roadmap and Full Source Code

Lecture 286 Pages, Dialogs and Transitions

Lecture 287 Navbars

Lecture 288 Grid System

Lecture 289 List Views

Lecture 290 Form Inputs

Lecture 291 Events

Quiz 20 jQuery Mobile Quiz

Section 21: Professional Project: Speed Reader for IOS and Android

Lecture 292 Introduction

Lecture 293 App Skeleton and Decoration (1)

Lecture 294 App Skeleton and Decoration (2)

Lecture 295 Logic of the App using an illustrative flowchart

Lecture 296 Start Reading (1)

Lecture 297 Start Reading (2)

Lecture 398 Pause, Resume, Restart

Lecture 399 Change the font size

Lecture 300 Change the reading speed

Lecture 301 Control Reading Progress: Go backwards and forward

Lecture 302 Publish your app to Google Play

Lecture 303 Publish your app to the IOS App Store (1)

Lecture 304 Publish your app to the IOS App Store (2)

Lecture 305 Speed Reader App Source Code

Quiz 21 Speed Reader App Quiz

Section 23: Further Reading

Lecture 306 Extra Resources for Further ReadingSection 1: Introduction – Get your free Unlimited Web Hosting – HTML

Lecture 1 Introduction

Lecture 2 HTML Chapter: Roadmap and Full Source Code

Lecture 3 Structure of a website

Lecture 4 Your first website

Lecture 5 Get your free unlimited web hosting

Lecture 6 Set up FireFTP

Lecture 7 Headings

Lecture 8 Paragraphs

Lecture 9 Links

Lecture 10 Images

Lecture 11 Inline vs Block Elements

Lecture 12 Iframes – Activity: Embed a nice relaxing YouTube video to your website

Lecture 13 Unordered Lists

Lecture 14 Ordered Lists

Lecture 15 Description Lists

Lecture 16 Tables

Lecture 17 Entities

Lecture 18 Forms (1) – Activity: Create a simple Login Form

Lecture 19 Forms (2) – Activity: Create a Marketplace Checkout Form

Lecture 20 Text Decoration

Lecture 21 Comments

Quiz 1 HTML Quiz

Section 2: CSS

Lecture 22 Introduction

Lecture 23 CSS Chapter: Roadmap and Full Source Code

Lecture 24 Inline CSS

Lecture 25 Internal CSS

Lecture 26External CSS

Lecture 27 Classes and IDs

Lecture 28 Div and Span

Lecture 29 Box Model

Lecture 30 Box Model: Padding

Lecture 31 Box Model: Border

Lecture 32 Box Model: Outline

Lecture 33 Box Model: Margin

Lecture 34 Background

Lecture 35 Floating

Lecture 36 Positioning

Lecture 37 Display

Lecture 38 Text Decoration

Lecture 39 Text Align

Lecture 40 Text Font

Lecture 41 Text Effects

Lecture 42 Image Sprites

Lecture 43 Image Opacity

Lecture 44 Styling Lists

Lecture 45 Styling Links

Lecture 46 Gradients

Lecture 47 2D Transforms

Lecture 48 3D Transforms

Lecture 49 Transitions

Lecture 50 Animations

Quiz 2 CSS Quiz

Section 3: Professional Project: Mathematics Tutorials Website (HTML & CSS)

Lecture 51Introduction

Lecture 52 Header (1)

Lecture 53 Header (2)

Lecture 54 Menu

Lecture 55 Introduction Box

Lecture 56 Sidebars (1)

Lecture 57 Sidebars (2)

Lecture 58 Footer & Congratulations

Quiz 3 Mathematics Tutorial Website Quiz

Lecture 59 Maths Website Source Code

Section 4: Javascript

Lecture 60 Introduction

Lecture 61 JavaScript Chapter: Roadmap and Full Source Code

Lecture 62 Buttons

Lecture 63 Change HTML Content

Lecture 64 Change HTML Style

Lecture 65 Variables and Data Types

Lecture 66 Change HTML Using Variables – Activity: Random Color Generator

Lecture 67 Functions: Activity: Swap the content of two divs

Lecture 68 Objects

Lecture 69 Create Objects using the “new” keyword

Lecture 70 Object Contructors

Lecture 71 Arrays

Lecture 72 If and Switch Statements – Activity: Motorway Speed Control

Lecture 73 For Loops

Lecture 74 While Loops – Activity: Spend $1000 Randomly in a marketplace

Lecture 75 Regular Expressions

Lecture 76 Errors (1)

Lecture 77 Errors (2) – Activity: Password Validation

Lecture 78 Set Interval & SeTimeout – Activity: Create a simple counter

Lecture 79 Window and Screen

Lecture 80 Alert Boxes

Lecture 81 Cookies

Quiz 4 Javascript Quiz

Section 5: Professional Project: Maths Game (HTML, CSS & JavaScript)

Lecture 82 Introduction

Lecture 83 Page Structure & Styling (1)

Lecture 84 Page Structure & Styling (2)

Lecture 85 Page Structure & Styling (3)

Lecture 86 Page Structure & Styling (4)

Lecture 87 Game Logic using an illustrative flowchart

Lecture 88 JavaScript Code (1)

Lecture 89 JavaScript Code (2)

Lecture 90 JavaScript Code (3)

Lecture 91 JavaScript Code (4) & Congratulations

Quiz 5 Maths Game Quiz 2 questions

Lecture 92 Math Game Source Code

Section 6: jQuery

Lecture 93 Introduction and Loading JQuery

Lecture 94 JQuery Chapter: Roadmap and Full Source Code

Lecture 95 Select HTML Elements (1)

Lecture 96 Select HTML Elements (2)

Lecture 97 Respond to Events

Lecture 98 Change HTML Content and Attributes (1)

Lecture 99 Change HTML Content and Attributes (2)

Lecture 100 Change Styling (1)

Lecture 101 Change Styling (2) – Activity: Random Position and Color Generator

Lecture 102 JQuery Effects

Lecture 103 Ajax

Lecture 104 JQuery UI Introduction

Lecture 105 Draggable and Droppable (1) – Activity: Leave me alone! Please drop me!

Lecture 106 Draggable and Droppable (2) – Activity: Drag Items to your basket

Lecture 107 Resizable

Lecture 108 Selectable – Activity: Append selected Car Makes to a Box

Lecture 109 Sortable – Activity: Sort and exchange Car Makes between two groups

Lecture 110 Accordion – Activity: Create a resizable accordion with collapsible sections

Lecture 111 Autocomplete – Activity: City Input with prepopulated options

Lecture 112 Button

Lecture 113 Date Picker – Activity: Outbound and return Flight Date Picker just like Expedia

Lecture 114 Dialog – Activity: Are you sure you want to go to the previous page?

Lecture 115 Menu

Lecture 116 Progress Bar – Activity: Animated progress bar filled from 0% to 100%

Lecture 117 Select Menu

Lecture 118 Slider – Activity: Car Mileage Range using a Slider

Lecture 119 More Widgets: Spinners, Tabs and Tooltips

Quiz 6 jQuery Quiz

Section 7: Professional Project: Fruits Slice Game (HTML, CSS & JQuery)

Lecture 120 Introduction

Lecture 121 Page Structure and Styling

Lecture 122 Game Logic using an illustrative flowchart

Lecture 123 jQuery Code (1)

Lecture 124 jQuery Code (2)

Lecture 125 jQuery Code (3)

Lecture 126 jQuery Code (4)

Quiz 7 Fruits Slice Game Quiz

Lecture 127 Fruits Slice Game Source Code

Section 8: Twitter Bootstrap

Lecture 128 Introduction

Lecture 129 Bootstrap Chapter: Roadmap and Full Source Code

Lecture 130 Grid System

Lecture 131 Typography

Lecture 132 Tables

Lecture 133 Forms (1) – Activity: Inline and Horizontal Responsive Login Forms

Lecture 134 Forms (2)

Lecture 135 Forms (3)

Lecture 136 Buttons

Lecture 137 Images

Lecture 138 Navs – Activity: Website Design using Nav Tabs and Nav Pills

Lecture 139 Navbars – Activity: Website Design using a responsive/collapsible navigation bar

Lecture 140 Pagination – Activity: Pagination and Pager Examples like Google/Ebay

Lecture 141 Jumbotron

Lecture 142 Thumbnails

Lecture 143 Dropdown menus

Lecture 144 Modals (1) – Activity: I have an inquiry about my order

Lecture 145 Modals (2) – Activity: I have an inquiry about my order

Lecture 146 Scrollspy

Lecture 147 Tabs

Lecture 148 Tooltips

Lecture 149 Popovers – Activity: Create a popover just like the one you see on an IPAD

Lecture 150 Alerts – Activity: Create an alert Box to show a warning or success message

Lecture 151 Button plugin – Activity: Loading … Download Complete

Lecture 152 Collapse plugin

Lecture 153 Carousels – Activity: Create an interactive carousel slider

Lecture 154 Affix plugin – Activity: Interactive Website with Content Affixed to a Menu

Quiz 8 Twitter Bootstrap Quiz

Section 9: Professional Project: App Landing Page (HTML, CSS & Bootstrap)

Lecture 155 Introduction

Lecture 156 Header and Featured Content (1)

Lecture 157 Header and Featured Content (2)

Lecture 158 Header and Featured Content (3)

Lecture 159 Trial Section, Footer & Congratulations

Quiz 9 App Landing Page Quiz

Lecture 160 App Landing Page Source Code

Section 10: Professional Project: Company Website (HTML, CSS & Bootstrap)

Lecture 161 Introduction

Lecture 162 Structure of our work

Lecture 163 Background

Lecture 164 Navbar

Lecture 165 Header & icons section

Lecture 166 Contact Button & Footer

Quiz 10 Company Website Quiz

Lecture 167 Company Website Source Code

Section 11: Professional Project: Our Lovely Course (HTML, CSS, jQuery & Bootstrap)

Lecture 168 Introduction

Lecture 169 Structure of our work

Lecture 170 Add a background video

Lecture 171 Navigation bar with advanced styling

Lecture 172 Home Section

Lecture 173 About Section

Lecture 174 Carousel Slider (1)

Lecture 175 Carousel Slider (2)

Lecture 176 Adapt for Small Devices

Lecture 177 Add ScrollSpy feature to navbar & Congratulations

Quiz 11 Our Lovely Course Website Quiz

Lecture 178 Our Lovely Course Website Source Code

Section 12: Professional Project: Stopwatch App (HTML, CSS, jQuery & Bootstrap)

Lecture 179 Introduction

Lecture 180 App Skeleton and Decoration (1)

Lecture 181 App Skeleton and Decoration (2)

Lecture 182 App Logic using an illustrative flowchart

Lecture 183 jQuery Code (1)

Lecture 184 jQuery Code (2)

Lecture 185 jQuery Code (3)

Quiz 12 StopWatch App Quiz

Lecture 186 StopWatch App Source Code

Section 13: Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)

Lecture 187 Introduction

Lecture 188 App Skeleton and Decoration (1)

Lecture 189 App Skeleton and Decoration (2)

Lecture 190 App Skeleton and Decoration (3)

Lecture 191 Learn HTML5 Canvas

Lecture 192 App Logic using an illustrative flowchart

Lecture 193 jQuery Code Structure

Lecture 194 jQuery Code (1)

Lecture 195 jQuery Code (2)

Lecture 196 jQuery Code (3)

Quiz 13 Drawing App Quiz

Lecture 197 Drawing App Source Code

Section 14: PHP

Lecture 198 Introduction

Lecture 199 PHP Chapter: Roadmap and Full Source Code

Lecture 200 Embed PHP in HTML

Lecture 201 PHP Variables

Lecture 202 Data Types: Strings

Lecture 203 Data Types: Integers and Floats

Lecture 204 Data Types: Booleans

Lecture 205 Data Types: Arrays

Lecture 206 Data Types: Objects

Lecture 207 Data Types: NULL

Lecture 208 Data Types: Resources

Lecture 209 String Functions

Lecture 210 If and Switch Statements

Lecture 211 For Loops

Lecture 212 While Loops

Lecture 213 Functions

Lecture 214 GET & POST

Lecture 215 Array Functions (1)

Lecture 216 Array Functions (2)

Lecture 217 Send Emails – Activity: Send a styled email in HTML format

Lecture 218 Filter User Inputs (1) – Protect Yourself from Hackers

Lecture 219 Filter User Inputs (2) – User Input Validation

Lecture 220 Activity: Create a responsive Contact Form using PHP & Bootstrap (1)

Lecture 221 Activity: Create a responsive Contact Form using PHP & Bootstrap (2)

Lecture 222 Activity: Create a responsive Contact Form using PHP & Bootstrap (3)

Lecture 223 Date and Time (1)

Lecture 224 Date and Time (2) – Activity: Day of the week you were born? Date in 1000 days?

Lecture 225 Include PHP files

Lecture 226 File Handling (1): Open – Read – Write – Close

Lecture 227 File Handling (2): Open – Read – Write – Close

Lecture 228 Upload Files Using PHP (1) – Activity: Upload PDF & Text Files Less than 3Mo.

Lecture 229 Upload Files Using PHP (2) – Activity: Upload PDF & Text Files Less than 3Mo.

Lecture 230 Cookies

Lecture 231 Error Handling (1)

Lecture 232 Error Handling (2) – Activity: Log PHP errors in a file / Trigger error emails

Lecture 233 Sessions

Quiz 14 PHP Quiz

Section 15: MySQL

Lecture 234 Introduction

Lecture 235 MySQL Chapter: Roadmap and Full Source Code 24 pages

Lecture 236 Create a database using PHP MYADMIN

Lecture 237 Remote MySQL (1)

Lecture 238 Remote MySQL (2)

Lecture 239 Create a database using PHP & MySQL

Lecture 240 Add a table to a database

Lecture 241 Populate a database table

Lecture 242 Activity: Populate Database once the user submits a form

Lecture 243 Activity: Populate an HTML table using Database Data (1)

Lecture 244 Activity: Populate an HTML table using Database Data (2)

Lecture 245 Update Database Data

Lecture 246 Delete Database Data

Quiz 15 MySQL Quiz

Section 16: WordPress (3 Professional Webpages: Blog + About Page + Contact Page)

Lecture 247 Introduction

Lecture 248 Installation – Activity: Create your first Blog

Lecture 249 Blog Posts and Comments

Lecture 250 Themes

Lecture 251 Pages and Menus

Lecture 252 Customise pages (1)

Lecture 253 Customise pages (2)

Lecture 254 Custom CSS

Lecture 255 Plugins

Lecture 256 Activity: Beautiful About Page (Add Content to a WordPress Page)

Lecture 257 Activity: Beautiful About Page (Typography)

Lecture 258 Activity: Beautiful About Page (Logos)

Lecture 259 Activity: Beautiful About Page (Buttons)

Lecture 260 Activity: Create an Awesome Contact Page with a Google Map and Contact Form

Quiz 16WordPress Quiz

Section 17: Google Maps API’s

Lecture 261 Introduction & Embed Google Map to your Website

Lecture 262 Google Maps API’s Chapter: Roadmap and Full Source Code

Lecture 263 Markers and InfoWindows

Lecture 264 Show, Hide or Delete Markers

Lecture 265 Animated drop of Markers

Lecture 266 Direction Service – Activity: Driving distance & time between New York & Toronto

Lecture 267 Geocoding using the Javascript API – Activity: Get Geocoordinates of an address,

Lecture 268 Geocoding using the geocoding API (1) – Activity: format Address & get postcode.

Lecture 269 Geocoding using the geocoding API (2) – Activity: format Address & get postcode.

Lecture 270 Nearby Search

Lecture 271 Autocomplete

Quiz 17 Google Maps API’s Quiz

Section 18: Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps)

Lecture 272 Introduction

Lecture 273 Skeleton and decoration

Lecture 274 App Logic using an illustrative flowchart

Lecture 275 Javascript Code

Lecture 276 Distance Between Cities App Source Code

Quiz 18 Distance Between Cities App Quiz

Section 19: Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter)

Lecture 277 Introduction

Lecture 278 Skeleton and decoration

Lecture 279 Facebook Widgets

Lecture 280 Google plus Widgets

Lecture 281 Tweet Button

Lecture 282 Twitter Timeline

Lecture 283 Website Source Code

Quiz 19 Social Widgets Quiz

Section 20: IOS and Android Mobile Applications using jQuery Mobile

Lecture 284 Introduction

Lecture 285 Mobile Apps Chapter: Roadmap and Full Source Code

Lecture 286 Pages, Dialogs and Transitions

Lecture 287 Navbars

Lecture 288 Grid System

Lecture 289 List Views

Lecture 290 Form Inputs

Lecture 291 Events

Quiz 20 jQuery Mobile Quiz

Section 21: Professional Project: Speed Reader for IOS and Android

Lecture 292 Introduction

Lecture 293 App Skeleton and Decoration (1)

Lecture 294 App Skeleton and Decoration (2)

Lecture 295 Logic of the App using an illustrative flowchart

Lecture 296 Start Reading (1)

Lecture 297 Start Reading (2)

Lecture 398 Pause, Resume, Restart

Lecture 399 Change the font size

Lecture 300 Change the reading speed

Lecture 301 Control Reading Progress: Go backwards and forward

Lecture 302 Publish your app to Google Play

Lecture 303 Publish your app to the IOS App Store (1)

Lecture 304 Publish your app to the IOS App Store (2)

Lecture 305 Speed Reader App Source Code

Quiz 21 Speed Reader App Quiz

Section 23: Further Reading

Lecture 306 Extra Resources for Further Reading

About Course Provider

Ofcourse.co.uk is a self improvement and development learning platform. Our courses are created by genuine and verified subject matter experts, and delivered in easy access, on demand video-led courses. The experts can be experienced professionals, university lecturers or even world record holders in their fields!

Anyone can learn anything online with OfCourse! Of Course Learning is a UK Registered Learning Provider.

How to enroll?

(Instant booking on GulfTalent)

Frequently asked questions

{{ item.question }}