Course Overview
Become an accomplished, confident, full-stack web developer or front end web developer, with a specific focus on creating the site’s layout and integrating graphics, applications and writing web design programs in a variety of computer languages, such as JavaScript or HTML with this Web Development Course.
Expertly designed and taught by professional instructors with years of experience, you will learn everything from the basic skills to the most advanced web site development techniques and successfully build powerful, best-looking and responsive websites to a highly professional degree.
By completing the web development training successfully, you will be able to use the most advanced and up to date web technologies to build and maintain amazing, ridiculously cool websites that end-users find no difficulty while navigating.
Who is this Course for?
This course is intended for people who wish to make a fulfilling career as web designers and developers. However, people who want to be efficient in HTML, JavaScript, CSS or build and manage their own websites can highly be benefitted from the course. It is also suitable for amateurs or absolute beginners who want to give a new turn to their career to establish a beneficial web presence.
Entry Requirement:
- This course is available to all learners, of all academic backgrounds.
- Learners should be aged 16 or over to undertake the qualification.
- Good understanding of English language, numeracy and ICT are required to attend this course.
Method of Assessment:
Upon completion of the course, you will be required to sit for an online multiple-choice quiz based assessment, which will determine whether you have passed the course (60% pass mark). The test will be marked immediately and results will be published instantly.
Certification
After successfully completing the course, you will be able to obtain the certificates. You can claim a PDF certificate by paying a little processing fee of £2. There is an additional fee to obtain a hardcopy certificate which is £9.
Career path
The successful completion of the course will add impressive credentials to your CV, and you will earn a recognised qualification that supports you to get employed by companies specialised in software development, IT, or computer consulting. Besides, you will gain a competitive edge in the web development market and also be able to boost your income as a freelance web developer.
Course Curriculum
Introduction - Get your free Unlimited Web Hosting - HTML | |||
Introduction | 00:06:00 | ||
HTML Chapter: Roadmap and Full Source Code | 00:21:00 | ||
Set up FTP (Cyberduck Version) | 00:13:00 | ||
Set up FTP (FileZilla Version) | 00:18:00 | ||
Structure of a website | 00:09:00 | ||
Your first website | 00:06:00 | ||
Get your free unlimited web hosting | 00:09:00 | ||
Headings | 00:05:00 | ||
Paragraphs | 00:02:00 | ||
Links | 00:07:00 | ||
Images | 00:04:00 | ||
Inline vs Block Elements | 00:06:00 | ||
Iframes – Activity: Embed a nice relaxing YouTube video to your website | 00:06:00 | ||
Unordered Lists | 00:03:00 | ||
Ordered Lists | 00:02:00 | ||
Description Lists | 00:02:00 | ||
Tables | 00:04:00 | ||
Entities | 00:05:00 | ||
Forms (1) – Activity: Create a simple Login Form | 00:08:00 | ||
Forms (2) – Activity: Create a Marketplace Checkout Form | 00:20:00 | ||
Text Decoration | 00:04:00 | ||
Comments | 00:02:00 | ||
CSS | |||
Introduction | 00:01:00 | ||
Inline CSS | 00:02:00 | ||
Internal CSS | 00:02:00 | ||
External CSS | 00:03:00 | ||
Classes and IDs | 00:03:00 | ||
Div and Span | 00:07:00 | ||
Box Model | 00:03:00 | ||
Box Model: Padding | 00:04:00 | ||
Box Model: Border | 00:06:00 | ||
Box Model: Outline | 00:02:00 | ||
Box Model: Margin | 00:02:00 | ||
Background | 00:08:00 | ||
Floating | 00:05:00 | ||
Positioning | 00:06:00 | ||
Display | 00:03:00 | ||
Text Decoration | 00:05:00 | ||
Text Align | 00:02:00 | ||
Text Font | 00:04:00 | ||
Text Effects | 00:08:00 | ||
Image Sprites | 00:03:00 | ||
Image Opacity | 00:03:00 | ||
Styling Lists | 00:08:00 | ||
Styling Links | 00:07:00 | ||
Gradients | 00:10:00 | ||
2D Transforms | 00:06:00 | ||
3D Transforms | 00:05:00 | ||
Transitions | 00:05:00 | ||
Animations | 00:09:00 | ||
Professional Project: Mathematics Tutorials Website (HTML5 & CSS3) | |||
mathswebsite1-introduction | 00:02:00 | ||
Header (1) | 00:18:00 | ||
Header (2) | 00:17:00 | ||
Menu | 00:18:00 | ||
Introduction Box | 00:07:00 | ||
Sidebars (1) | 00:20:00 | ||
Sidebars (2) | 00:09:00 | ||
Footer & Congratulations | 00:10:00 | ||
Javascript | |||
Introduction | 00:09:00 | ||
Buttons | 00:07:00 | ||
Change HTML Content | 00:07:00 | ||
Change HTML Style | 00:06:00 | ||
Variables and Data Types | 00:12:00 | ||
Change HTML Using Variables – Activity: Random Color Generator | 00:11:00 | ||
Functions: Activity: Swap the content of two divs | 00:14:00 | ||
Objects | 00:09:00 | ||
Create Objects using the “new” keyword | 00:05:00 | ||
Arrays | 00:18:00 | ||
If and Switch Statements – Activity: Motorway Speed Control | 00:17:00 | ||
For Loops | 00:09:00 | ||
While Loops – Activity: Spend $1000 Randomly in a marketplace | 00:11:00 | ||
Regular Expressions | 00:16:00 | ||
Errors (1) | 00:04:00 | ||
Errors (2) – Activity: Password Validation | 00:13:00 | ||
Set Interval & SeTimeout – Activity: Create a simple counter | 00:10:00 | ||
Window and Screen | 00:13:00 | ||
Alert Boxes | 00:08:00 | ||
Cookies | 00:06:00 | ||
Professional Project: Maths Game (HTML, CSS & JavaScript) | |||
Project Introduction: Maths Game (HTML, CSS & JavaScript) | 00:02:00 | ||
Page Structure & Styling (1) | 00:20:00 | ||
Page Structure & Styling (2) | 00:18:00 | ||
Page Structure & Styling (3) | 00:15:00 | ||
Page Structure & Styling (4) | 00:07:00 | ||
Game Logic using an illustrative flowchart | 00:03:00 | ||
JavaScript Code (1) | 00:17:00 | ||
JavaScript Code (2) | 00:19:00 | ||
JavaScript Code (3) | 00:18:00 | ||
JavaScript Code (4) & Congratulations | 00:18:00 | ||
JQuery | |||
Introduction and Loading JQuery | 00:09:00 | ||
Select HTML Elements (1) | 00:13:00 | ||
Select HTML Elements (2) | 00:11:00 | ||
Respond to Events | 00:12:00 | ||
Change HTML Content and Attributes (1) | 00:12:00 | ||
Change HTML Content and Attributes (2) | 00:07:00 | ||
Change Styling (1) | 00:12:00 | ||
Change Styling (2) – Activity: Random Position and Color Generator | 00:14:00 | ||
JQuery Effects | 00:15:00 | ||
Ajax | 00:13:00 | ||
JQuery UI Introduction | 00:08:00 | ||
Draggable and Droppable (1) – Activity: Leave me alone! Please drop me! | 00:19:00 | ||
Draggable and Droppable (2) – Activity: Drag Items to your basket | 00:10:00 | ||
Resizable | 00:09:00 | ||
Selectable – Activity: Append selected Car Makes to a Box | 00:10:00 | ||
Sortable – Activity: Sort and exchange Car Makes between two groups | 00:09:00 | ||
Accordion – Activity: Create a resizable accordion with collapsible sections | 00:10:00 | ||
Autocomplete – Activity: City Input with prepopulated options | 00:07:00 | ||
Button | 00:13:00 | ||
Date Picker – Activity: Outbound and return Flight Date Picker just like Expedia | 00:14:00 | ||
Dialog – Activity: Are you sure you want to go to the previous page? | 00:14:00 | ||
Menu | 00:06:00 | ||
Progress Bar – Activity: Animated progress bar filled from 0% to 100% | 00:11:00 | ||
Select Menu | 00:08:00 | ||
Slider – Activity: Car Mileage Range using a Slider | 00:18:00 | ||
More Widgets: Spinners, Tabs and Tooltips | 00:12:00 | ||
Professional Project: Fruits Slice Game (HTML, CSS & JQuery) | |||
Project Introduction: Fruits Slice Game (HTML, CSS & JQuery) | 00:02:00 | ||
Page Structure and Styling | 00:13:00 | ||
Game Logic using an illustrative flowchart | 00:03:00 | ||
jQuery Code 1 | 00:18:00 | ||
jQuery Code 2 | 00:21:00 | ||
jQuery Code 3 | 00:20:00 | ||
jQuery Code 4 | 00:18:00 | ||
Twitter Bootstrap | |||
Introduction | 00:08:00 | ||
Grid System | 00:10:00 | ||
Typography | 00:12:00 | ||
Tables | 00:06:00 | ||
Forms (1) – Activity: Inline and Horizontal Responsive Login Forms | 00:12:00 | ||
Forms (2) | 00:11:00 | ||
Forms (3) | 00:19:00 | ||
Buttons | 00:13:00 | ||
Images | 00:02:00 | ||
Navs – Activity: Website Design using Nav Tabs and Nav Pills | 00:09:00 | ||
Navbars – Activity: Website Design using a responsive/collapsible navigation bar | 00:20:00 | ||
Pagination – Activity: Pagination and Pager Examples like Google/Ebay | 00:09:00 | ||
Jumbotron | 00:03:00 | ||
Thumbnails | 00:10:00 | ||
Dropdown menus | 00:07:00 | ||
Modals (1) – Activity: I have an inquiry about my order | 00:16:00 | ||
Modals (2) – Activity: I have an inquiry about my order | 00:07:00 | ||
Scrollspy | 00:09:00 | ||
Tabs | 00:14:00 | ||
Tooltips | 00:07:00 | ||
Popovers – Activity: Create a popover just like the one you see on an IPAD | 00:07:00 | ||
Alerts – Activity: Create an alert Box to show a warning or success message | 00:08:00 | ||
Button plugin – Activity: Loading … Download Complete | 00:09:00 | ||
Collapse plugin | 00:17:00 | ||
Carousels – Activity: Create an interactive carousel slider | 00:17:00 | ||
Affix plugin – Activity: Interactive Website with Content Affixed to a Menu | 00:13:00 | ||
Professional Project: App Landing Page (HTML, CSS & Bootstrap) | |||
Project Introduction: App Landing Page (HTML, CSS & Bootstrap) | 00:03:00 | ||
Header and Featured Content (1) | 00:15:00 | ||
Header and Featured Content (2) | 00:16:00 | ||
Header and Featured Content (3) | 00:09:00 | ||
Trial Section, Footer & Congratulations | 00:14:00 | ||
Professional Project: Company Website (HTML, CSS & Bootstrap) | |||
Project Introduction: Company Website (HTML, CSS & Bootstrap) | 00:02:00 | ||
Structure of our work | 00:09:00 | ||
Background | 00:07:00 | ||
Navbar | 00:18:00 | ||
Header & icons section | 00:14:00 | ||
Contact Button & Footer | 00:14:00 | ||
Professional Project: Our Lovely Course (HTML, CSS, jQuery & Bootstrap) | |||
Project Introduction: Our Lovely Course (HTML, CSS, jQuery & Bootstrap) | 00:03:00 | ||
Structure of our work | 00:14:00 | ||
Add a background video | 00:08:00 | ||
Navigation bar with advanced styling | 00:17:00 | ||
Home Section | 00:08:00 | ||
About Section | 00:11:00 | ||
Carousel Slider (1) | 00:17:00 | ||
Carousel Slider (2) | 00:07:00 | ||
Adapt for Small Devices | 00:09:00 | ||
Add ScrollSpy feature to navbar & Congratulations | 00:07:00 | ||
Professional Project: Stopwatch App (HTML, CSS, jQuery & Bootstrap) | |||
Project Introduction: Stopwatch App (HTML, CSS, jQuery & Bootstrap) | 00:02:00 | ||
App Skeleton and Decoration (1) | 00:11:00 | ||
App Skeleton and Decoration (2) | 00:12:00 | ||
App Logic using an illustrative flowchart | 00:06:00 | ||
jQuery Code 1 | 00:14:00 | ||
jQuery Code 2 | 00:09:00 | ||
jQuery Code 3 | 00:20:00 | ||
Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage) | |||
Project Introduction: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage) | 00:02:00 | ||
App Skeleton and Decoration (1) | 00:18:00 | ||
App Skeleton and Decoration (2) | 00:10:00 | ||
App Skeleton and Decoration (3) | 00:15:00 | ||
Learn HTML5 Canvas | 00:10:00 | ||
App Logic using an illustrative flowchart | 00:03:00 | ||
jQuery Code Structure | 00:05:00 | ||
jQuery Code (1) | 00:08:00 | ||
jQuery Code (2) | 00:17:00 | ||
jQuery Code (3) | 00:18:00 | ||
ES6 - Modern JavaScript (A must in 2019) | |||
Introduction to Modern JavaScript (ES6) | 00:04:00 | ||
Variables & Scoping: Review of “var” | 00:04:00 | ||
Variables & Scoping: Let Scope and Temporal Dead Zone | 00:05:00 | ||
Block Scoping in ES6 | 00:08:00 | ||
Functions and Block Scoping | 00:11:00 | ||
Functions and Block Scoping – use let | 00:03:00 | ||
Let Scope vs Closures | 00:07:00 | ||
Closures Challenge | 00:05:00 | ||
Read only variables – const | 00:03:00 | ||
New Features that make your life easier: Template Literals | 00:05:00 | ||
New Features that make your life easier: Arrow functions – ‘this’ lexical scope | 00:19:00 | ||
Destructuring – Arrays | 00:10:00 | ||
Destructuring – Objects | 00:08:00 | ||
Destructuring – Functions | 00:04:00 | ||
Functions – Default Parameter Values | 00:09:00 | ||
Functions – Rest Parameters | 00:16:00 | ||
Spread Operator | 00:04:00 | ||
Objects New Features | 00:09:00 | ||
Iteration: For of loop | 00:06:00 | ||
Iterators – next() – Generators | 00:19:00 | ||
Maps – Iteration | 00:20:00 | ||
Sets – Iteration | 00:10:00 | ||
Sets – Challenge: Intersection and Difference | 00:10:00 | ||
Symbols | 00:17:00 | ||
Symbol.iterator | 00:12:00 | ||
Array.from: collections, strings, arguments | 00:10:00 | ||
Array.from: optional map, length property, Maps & Sets | 00:08:00 | ||
Array.of | 00:02:00 | ||
More Array Methods | 00:11:00 | ||
ES6 Classes: Back to ES5 Constructors | 00:09:00 | ||
ES6 Classes: Syntax | 00:03:00 | ||
ES6 Classes: Static Methods | 00:03:00 | ||
ES6 Classes: Getters & Setters | 00:06:00 | ||
Class Inheritance – extends – super | 00:06:00 | ||
"Front End" vs "Back End" | |||
Understand the Back End (1) | 00:18:00 | ||
Understand the Back End (2) | 00:07:00 | ||
Node.js - Introduction & Installation | |||
Introduction to Node.js | 00:05:00 | ||
Node.js Installation + REPL (Read-Eval-Print-Loop) | 00:09:00 | ||
The "super" Command Line Crash Course | |||
Command Line Crash Course (1) | 00:18:00 | ||
Command Line Crash Course (2) | 00:20:00 | ||
Command Line Crash Course (3) | 00:19:00 | ||
Command Line Crash Course (4) | 00:19:00 | ||
Node.js - Let's Dive in (using ES6 + ES7) | |||
Your First Node Application | 00:18:00 | ||
File Exports | 00:13:00 | ||
HTTP Built-in Module (1) | 00:19:00 | ||
HTTP Built-in Module (2) | 00:10:00 | ||
Fs Built-in Module – Blocking Mode | 00:16:00 | ||
Fs Built-in Module – Non Blocking Mode | 00:19:00 | ||
Fs Built-in Module – Use ES6 Promises | 00:15:00 | ||
Fs Built-in Module – Use ES7 Async Await | 00:05:00 | ||
Fs Built-in Module – More Features | 00:09:00 | ||
Professional Project: Online File Explorer App (Pure Node.js , Bootstrap 4) | |||
Project Introduction: Online File Explorer App (Pure Node.js , Bootstrap 4) | 00:08:00 | ||
Skeleton and Decoration | 00:09:00 | ||
App Logic | 00:10:00 | ||
Create the Server | 00:19:00 | ||
Decode the path name and convert it to a full static path | 00:20:00 | ||
Display folder content and print the title | 00:16:00 | ||
Show the path inside a “Breadcrumb” | 00:20:00 | ||
Loop through folder elements | 00:18:00 | ||
Print Icons – Get introduced to the child_process module | 00:19:00 | ||
Calculate folders’ size using the child_process module | 00:16:00 | ||
Convert folders’ size to Bytes – Retrieve items’ last modified time | 00:19:00 | ||
Calculate the size of files | 00:19:00 | ||
Get the mime type of files | 00:17:00 | ||
Serve files to the Client | 00:19:00 | ||
Serve PDF files on the browser – Serve Media content in chunks using a stream | 00:19:00 | ||
Re-order folder elements by name | 00:18:00 | ||
Re-order folder elements by name (2) | 00:19:00 | ||
Add the up and down arrows after sorting elements by name | 00:07:00 | ||
Sort elements by size and last modified | 00:09:00 | ||
Fix projects bugs | 00:11:00 | ||
Git & Github | |||
Introduction to Version Control using Git | 00:12:00 | ||
Git using the Command Line | 00:17:00 | ||
Git Branching & Merging | 00:11:00 | ||
Github – Introduction | 00:12:00 | ||
Github – Cloning, Forking & Pull Requests (1) | 00:10:00 | ||
Github – Cloning, Forking & Pull Requests (2) | 00:13:00 | ||
Github – Cloning, Forking & Pull Requests (3) | 00:02:00 | ||
Deploy your App to Heroku | |||
Deploy your App to Heroku | 00:16:00 | ||
PHP | |||
Introduction | 00:16:00 | ||
Embed PHP in HTML | 00:08:00 | ||
PHP Variables | 00:10:00 | ||
Data Types: Strings | 00:06:00 | ||
Data Types: Integers and Floats | 00:07:00 | ||
Data Types: Booleans | 00:05:00 | ||
Data Types: Arrays | 00:18:00 | ||
Data Types: Objects | 00:11:00 | ||
Data Types: NULL | 00:02:00 | ||
Data Types: Resources | 00:06:00 | ||
String Functions | 00:09:00 | ||
If and Switch Statements | 00:12:00 | ||
For Loops | 00:10:00 | ||
While Loops | 00:06:00 | ||
Functions | 00:08:00 | ||
GET & POST | 00:20:00 | ||
Array Functions (1) | 00:14:00 | ||
Array Functions (2) | 00:13:00 | ||
Send Emails – Activity: Send a styled email in HTML format | 00:10:00 | ||
Filter User Inputs (1) – Protect Yourself from Hackers | 00:08:00 | ||
Filter User Inputs (2) – User Input Validation | 00:07:00 | ||
Activity: Create a responsive Contact Form using PHP & Bootstrap (1) | 00:17:00 | ||
Activity: Create a responsive Contact Form using PHP & Bootstrap (2) | 00:19:00 | ||
Activity: Create a responsive Contact Form using PHP & Bootstrap (3) | 00:14:00 | ||
Date and Time (1) | 00:13:00 | ||
Date and Time (2) – Activity: Day of the week you were born? Date in 1000 days? | 00:16:00 | ||
Include PHP files | 00:13:00 | ||
File Handling (1): Open – Read – Write – Close | 00:18:00 | ||
11:25 | 00:11:00 | ||
Upload Files Using PHP (1) – Activity: Upload PDF & Text Files Less than 3Mo. | 00:20:00 | ||
Upload Files Using PHP (2) – Activity: Upload PDF & Text Files Less than 3Mo. | 00:17:00 | ||
Cookies | 00:06:00 | ||
Error Handling (1) | 00:08:00 | ||
Error Handling (2) – Activity: Log PHP errors in a file / Trigger error emails | 00:16:00 | ||
Sessions | 00:07:00 | ||
MySQL | |||
Introduction | 00:04:00 | ||
Create a database using PHP MYADMIN | 00:11:00 | ||
Remote MySQL (1) | 00:13:00 | ||
Remote MySQL (2) | 00:07:00 | ||
Create a database using PHP & MySQL | 00:09:00 | ||
Add a table to a database | 00:10:00 | ||
Populate a database table | 00:07:00 | ||
Activity: Populate Database once the user submits a form | 00:20:00 | ||
Activity: Populate Database once the user submits a form (2) | 00:19:00 | ||
Activity: Populate an HTML table using Database Data (1) | 00:12:00 | ||
Activity: Populate an HTML table using Database Data (2) | 00:15:00 | ||
Update Database Data | 00:09:00 | ||
Delete Database Data | 00:05:00 | ||
Professional Project: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX) | |||
Project Introduction: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX) | 00:07:00 | ||
App Skeleton and Decoration (1) – Landing Page | 00:20:00 | ||
App Skeleton and Decoration (2) – Landing Page | 00:18:00 | ||
App Skeleton and Decoration (3) – Landing Page | 00:18:00 | ||
App Skeleton and Decoration (4) – Landing Page | 00:12:00 | ||
App Skeleton and Decoration (5) – My Notes Page | 00:20:00 | ||
App Skeleton and Decoration (6) – Profile Page | 00:20:00 | ||
App Logic – Signup, Login, Remember Me, Forgot Password | 00:17:00 | ||
Signup/Login Code Structure (1) | 00:14:00 | ||
Signup/Login Code Structure (2) | 00:07:00 | ||
Signup Code (1) | 00:18:00 | ||
Signup Code (2) | 00:20:00 | ||
Signup Code (3) | 00:16:00 | ||
Signup Code (4) | 00:20:00 | ||
Signup Code (5) | 00:19:00 | ||
Login Code | 00:20:00 | ||
“Remember me” Code (1) | 00:20:00 | ||
“Remember me” Code (2) | 00:20:00 | ||
“Remember me” Code (3) and Logout Code | 00:20:00 | ||
“Forgot Password” Code (1) | 00:18:00 | ||
“Forgot Password” Code (2) | 00:16:00 | ||
“Forgot Password” Code (3) | 00:16:00 | ||
“Forgot Password” Code (4) | 00:17:00 | ||
Notes Management: Logic | 00:06:00 | ||
Notes Management: Code Structure | 00:16:00 | ||
Load Notes: Code (1) | 00:19:00 | ||
Load Notes: Code (2) | 00:16:00 | ||
Create Notes: Code (1) | 00:17:00 | ||
Create Notes: Code (2) | 00:12:00 | ||
Edit Notes: Code (1) | 00:17:00 | ||
Edit Notes: Code (2) | 00:15:00 | ||
Delete Notes: Code (1) | 00:17:00 | ||
Delete Notes: Code (2) | 00:11:00 | ||
Update Username Code (1) | 00:19:00 | ||
Update Username Code (2) | 00:13:00 | ||
Update Password Code (1) | 00:20:00 | ||
Update Password Code (2) | 00:10:00 | ||
Update Email Code (1) | 00:20:00 | ||
Update Email Code (2) | 00:16:00 | ||
WordPress (3 Professional Webpages: Blog + About Page + Contact Page) | |||
Introduction | 00:04:00 | ||
Installation – Activity: Create your first Blog | 00:05:00 | ||
Blog Posts and Comments | 00:05:00 | ||
Themes | 00:03:00 | ||
Pages and Menus | 00:07:00 | ||
Customise pages (1) | 00:09:00 | ||
Customise pages (2) | 00:07:00 | ||
Custom CSS | 00:04:00 | ||
Plugins | 00:04:00 | ||
Activity: Beautiful About Page (Add Content to a WordPress Page) | 00:14:00 | ||
Activity: Beautiful About Page (Typography) | 00:10:00 | ||
Activity: Beautiful About Page (Logos) | 00:14:00 | ||
Activity: Beautiful About Page (Buttons) | 00:08:00 | ||
Activity: Create an Awesome Contact Page with a Google Map and Contact Form | 00:13:00 | ||
Google Maps API's | |||
Introduction & Embed Google Map to your Website | 00:20:00 | ||
Markers and InfoWindows | 00:14:00 | ||
Show, Hide or Delete Markers | 00:16:00 | ||
Animated drop of Markers | 00:08:00 | ||
Direction Service – Activity: Driving distance & time between New York & Toronto | 00:19:00 | ||
Geocoding using the Javascript API – Activity: Get Geocoordinates of an address, | 00:11:00 | ||
Geocoding using the geocoding API (1) – Activity: format Address & get postcode. | 00:13:00 | ||
Geocoding using the geocoding API (2) – Activity: format Address & get postcode. | 00:18:00 | ||
Nearby Search | 00:17:00 | ||
Autocomplete | 00:09:00 | ||
Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps) | |||
Project Introduction: Distance Between Cities (HTML. CSS, jQuery, Google Maps) | 00:02:00 | ||
Skeleton and decoration | 00:20:00 | ||
App Logic using an illustrative flowchart | 00:03:00 | ||
Javascript Code | 00:17:00 | ||
Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter) | |||
Project Introduction: Website with Social Widgets (Facebook, Google+ & Twitter) | 00:02:00 | ||
Skeleton and decoration | 00:16:00 | ||
Facebook Widgets | 00:04:00 | ||
Google plus Widgets | 00:04:00 | ||
Tweet Button | 00:05:00 | ||
Twitter Timeline | 00:05:00 | ||
IOS and Android Mobile Applications using jQuery Mobile | |||
Introduction | 00:06:00 | ||
Pages, Dialogs and Transitions | 00:14:00 | ||
Navbars | 00:08:00 | ||
Grid System | 00:05:00 | ||
List Views | 00:07:00 | ||
Form Inputs | 00:02:00 | ||
Events | 00:08:00 | ||
Professional Project: Speed Reader for IOS and Android | |||
Project Introduction: Speed Reader for IOS and Android | 00:02:00 | ||
App Skeleton and Decoration (1) | 00:16:00 | ||
App Skeleton and Decoration (2) | 00:19:00 | ||
Logic of the App using an illustrative flowchart | 00:12:00 | ||
Start Reading (1) | 00:09:00 | ||
Start Reading (2) | 00:20:00 | ||
Pause, Resume, Restart | 00:05:00 | ||
Change the font size | 00:05:00 | ||
Change the reading speed | 00:05:00 | ||
Control Reading Progress: Go backwards and forward | 00:06:00 | ||
Publish your app to Google Play | 00:23:00 | ||
Publish your app to the IOS App Store (1) | 00:13:00 | ||
Publish your app to the IOS App Store (2) | 00:10:00 | ||
Professional Project: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON) | |||
Project Introduction: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON) | 00:05:00 | ||
Signup/Login Code (1) | 00:11:00 | ||
Signup/Login Code (2) | 00:11:00 | ||
Signup/Login Code (3) | 00:17:00 | ||
Search Page Skeleton & Decoration (1) | 00:11:00 | ||
Search Page Skeleton & Decoration (2) | 00:14:00 | ||
Search Page Skeleton & Decoration (3) | 00:16:00 | ||
Search Page Skeleton & Decoration (4) | 00:12:00 | ||
Search Page Skeleton & Decoration (5) | 00:15:00 | ||
Profile Picture Code (1) | 00:11:00 | ||
Profile Picture Code (2) | 00:19:00 | ||
Profile Picture Code (3) | 00:12:00 | ||
Profile Picture Code (4) | 00:18:00 | ||
Trips Page Skeleton & Decoration (1) | 00:18:00 | ||
Trips Page Skeleton & Decoration (2) | 00:18:00 | ||
Trips Page Skeleton & Decoration (3) | 00:17:00 | ||
Website Logic | 00:15:00 | ||
“Create a Trip” Code (1) | 00:20:00 | ||
“Create a Trip” Code (2) | 00:07:00 | ||
“Create a Trip” Code (3) | 00:19:00 | ||
“Create a Trip” Code (4) | 00:20:00 | ||
“Load Trips” Code (1) | 00:17:00 | ||
“Load Trips” Code (2) | 00:20:00 | ||
“Edit/Delete Trips” Code (1) | 00:19:00 | ||
“Edit/Delete Trips” Code (2) | 00:13:00 | ||
“Edit/Delete Trips” Code (3) | 00:17:00 | ||
“Edit/Delete Trips” Code (4) | 00:09:00 | ||
“Search Trips” Code (1) | 00:14:00 | ||
“Search Trips” Code (2) | 00:14:00 | ||
“Search Trips” Code (3) | 00:09:00 | ||
“Search Trips” Code (4) | 00:13:00 | ||
“Search Trips” Code (5) | 00:20:00 | ||
“Search Trips” Code (6) | 00:09:00 | ||
“Search Trips” Code (7) | 00:20:00 | ||
“Search Trips” Code (8) | 00:20:00 | ||
“Spinner” Code (1) | 00:19:00 | ||
“Spinner” Code (2) | 00:12:00 | ||
Finishing Touches & Congratulations | 00:08:00 | ||
Certificate and Transcript | |||
Order Your Certificates or Transcripts | 00:00:00 |
Course Reviews
No Reviews found for this course.