If you want to become a full stack developer, this Complete Web Development Video Course is the course you need. Whether you don’t have any experience in web development or you want to learn new skills and enrich your portfolio, this course will benefit you. This comprehensive web development course will take you from learning the basics to mastering the techniques of advanced web development.Â
Our Complete Web Development Video Course will cover CSS3, JS, HTML5, ES6, Node, APIs, Mobile, and more to help you build robust and responsive websites. This unique learning journey will familiarise you with the most advanced and up to date web technologies and teach you how to apply your skills in professional projects. This web development course will also give you the chance to build 15 professional websites, games, and mobile apps for iOS and Google stores, which will enrich your portfolio.
Enrol in this Complete Web Development Video Course now and become a job ready professional web developer.Â
Your Learning Goals:Â
- Familiarise with the latest web technologies to build powerful and responsive web applicationsÂ
- Learn how to create mobile apps and upload them to the iOS app store and google playÂ
- Be qualified to use Javascript, jQuery & jQuery user interface to create interactive websites and games
- Understand how to use advanced skills to connect your sites to APIsÂ
- Explore techniques to use HTML5 and CSS3 to build website content and add stunning styling & decorationÂ
- Get a solid understanding of using back end technologies to build dynamic database-driven websitesÂ
- Learn how to use twitter bootstrap to produce responsive websites which will adapt to any device size
- Build 15 real-life professional projects to enrich your skills and boost your portfolio
Who is this Course for?
Complete Web Development Video Course is perfect for anyone trying to learn potential professional skills.
As there is no experience and qualification required for this course, it is available for all students from any academic background.
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.
Career path
This course opens a new door for you to enter the relevant job market and also gives you the opportunity to acquire extensive knowledge along with required skills to become successful. You will be able to add our qualification to your CV/resume which will help you to stand out in the competitive job industry.
Course Curriculum
| Introduction - Get your free Unlimited Web Hosting - HTML | |||
| Introduction | 00:06:00 | ||
| HTML Chapter: Roadmap and Full Source Code | 00:15: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 | ||
| 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 | ||
| JjQuery | |||
| 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 | ||
| Module 05: Coaching as a Developmental Change Process | 00:45: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 | ||
| Module 06: Empowering the Client | 01:00: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 | ||
| Module 02: History of Life Coaching | 00:10: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 | ||
| Module 01: Introduction to Life Coaching | 01:00: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 | ||
| Module 08: Becoming an Effective Leader and Coach | 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 | ||
| Module 07: Ethics in Coaching | 00:50: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 | ||
| Module 04: The Language of Coaching | 01:00: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 | ||
| Further Reading | |||
Related Courses
- £49.00
- 1 year
- Diploma
- Course Certificate
- Number of Units444
- Number of Quizzes0
- 3 days, 14 hours
TAKE THIS COURSE
