By Ofcourse
Online
Can be taken anytime
Professional Training Course
-
English
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.