
Imagine crafting the digital face of the future with the “Complete Web Development” course, a compendium that transforms novices into web virtuosos. Your journey will commence with the basics, gradually unfolding into the intricate layers of web construction. Within this course lies the key to mastering the pillars of web creation – HTML5 and CSS3, the canvas and palette of the internet. As you advance, you’ll wield the power of JavaScript and jQuery to breathe life into static pages, turning them into interactive experiences that captivate users worldwide.
Embark on a quest to weave responsive designs with Bootstrap 4, managing content seamlessly through WordPress, and constructing robust back-ends with PHP and MySQL. The course doesn’t just end with creating web pages; it empowers you to integrate APIs, adding endless possibilities to what you can achieve. With the addition of Python and advanced HTML5 & CSS3 features, your skill set will be both in-depth and versatile. As the final module approaches, you’ll already be contemplating the numerous doors now open to you, equipped with the knowledge to walk through any.
Learning Outcomes
This Complete Web Development does not require you to have any prior qualifications or experience. You can just enrol and start learning.This Complete Web Development was made by professionals and it is compatible with all PC’s, Mac’s, tablets and smartphones. You will be able to access the course from anywhere at any time as long as you have a good enough internet connection.
After studying the course materials, there will be a written assignment test which you can take at the end of the course. After successfully passing the test you will be able to claim the pdf certificate for £4.99 Original Hard Copy certificates need to be ordered at an additional cost of £8.
Section 01: Getting Started | |||
Introduction to Getting Started | 00:02:00 | ||
Course Curriculum | 00:07:00 | ||
How to Get Pre-Requisites | 00:04:00 | ||
Getting Started On Windows or Linux | 00:03:00 | ||
How to ask Great Questions | 00:03:00 | ||
FAQ’s | 00:01:00 | ||
Section 02: HTML 5 | |||
Introduction to HTML 5 | 00:06:00 | ||
Your First Hello World! Webpage | 00:13:00 | ||
Overview of a Webpage | 00:07:00 | ||
Creating a Full HTML Webpage | 00:14:00 | ||
Header Tags | 00:07:00 | ||
Paragraph Tags | 00:08:00 | ||
Formatting Text | 00:15:00 | ||
Unordered Lists | 00:05:00 | ||
Ordered Lists | 00:04:00 | ||
Images | 00:09:00 | ||
Forms | 00:11:00 | ||
Form Actions | 00:07:00 | ||
Tables | 00:12:00 | ||
Links | 00:08:00 | ||
HTML Entities | 00:05:00 | ||
IFrames | 00:05:00 | ||
Integrate All Together | 00:05:00 | ||
Setting Up Hosting Environment | 00:06:00 | ||
Installing The free FTP Solution (FileZilla) | 00:04:00 | ||
Setting Up FTP(File Transfer Protocol) | 00:05:00 | ||
Upload Project to Hosting Server | 00:06:00 | ||
References to HTML5 | 00:01:00 | ||
HTML5 Assessment Test | 00:02:00 | ||
Solution for HTML5 Assessment Test | 00:02:00 | ||
06 HTML5 Questions and Answers | 00:08:00 | ||
Section 03: CSS 3 | |||
Introduction to CSS 3 | 00:07:00 | ||
What is CSS | 00:04:00 | ||
Inline CSS | 00:05:00 | ||
Internal CSS | 00:09:00 | ||
Classes and IDs | 00:08:00 | ||
Divs | 00:06:00 | ||
Colors | 00:07:00 | ||
Floating | 00:13:00 | ||
Positioning | 00:07:00 | ||
Margins | 00:08:00 | ||
Padding | 00:07:00 | ||
Borders | 00:10:00 | ||
Fonts | 00:08:00 | ||
Styling Text | 00:04:00 | ||
Aligning Text | 00:06:00 | ||
Styling Links | 00:06:00 | ||
CSS Project – – Website | 00:07:00 | ||
External CSS | 00:07:00 | ||
References to CSS | 00:01:00 | ||
CSS Assessment Test | 00:02:00 | ||
Solution for CSS Assessment Test | 00:04:00 | ||
05 CSS Questions and Answers | 00:05:00 | ||
Section 04: JavaScript | |||
Introduction to JavaScript | 00:03:00 | ||
What is JavaScript | 00:06:00 | ||
Internal JavaScript | 00:10:00 | ||
Accessing Elements | 00:18:00 | ||
Responding to a Click | 00:28:00 | ||
Changing a Website Content | 00:06:00 | ||
Manipulating Styles with JavaScript | 00:07:00 | ||
Mini Challenge – Disappearing div tag | 00:05:00 | ||
If Statements | 00:09:00 | ||
JavaScript Mini Project Counter – Inc-dec | 00:08:00 | ||
While Loop Statements | 00:08:00 | ||
For Loop Statements | 00:06:00 | ||
Functions | 00:07:00 | ||
JavaScript Project – Stopwatch | 00:07:00 | ||
External JavaScript | 00:06:00 | ||
References for JavaScript | 00:01:00 | ||
JavaScript Assessment Test | 00:02:00 | ||
Solution for JavaScript Assessment Test | 00:05:00 | ||
06 JavaScript Questions and Answers | 00:05:00 | ||
Section 05: jQuery | |||
Introduction to jQuery | 00:02:00 | ||
What is jQuery | 00:04:00 | ||
How to Use jQuery in Webpage | 00:06:00 | ||
Detecting a Link | 00:09:00 | ||
Changing Website content | 00:13:00 | ||
Changing Website Styles | 00:05:00 | ||
Fading Content | 00:08:00 | ||
Animating Content | 00:08:00 | ||
Ajax1 | 00:05:00 | ||
Regular Expressions | 00:20:00 | ||
Mini Project – Form Validation | 00:14:00 | ||
What is jQuery UI | 00:04:00 | ||
Draggables & Resizables | 00:05:00 | ||
Droppables | 00:03:00 | ||
Accordion tools | 00:04:00 | ||
Sortables | 00:02:00 | ||
Menu | 00:03:00 | ||
jQuery Project – Code Player | 00:05:00 | ||
jQuery References | 00:01:00 | ||
jQuery Assessment Test | 00:01:00 | ||
Solution for jQuery Assessment Test | 00:03:00 | ||
04 jQuery Questions and Answers | 00:03:00 | ||
Section 06: Bootstrap 4 | |||
Introduction to Bootstrap 4 | 00:02:00 | ||
What is Bootstrap 4 | 00:03:00 | ||
First Bootstrap Website | 00:08:00 | ||
The Grid System | 00:07:00 | ||
Introducing Navbars | 00:06:00 | ||
Forms | 00:02:00 | ||
Tables | 00:05:00 | ||
Bootstrap Components | 00:06:00 | ||
Cards | 00:06:00 | ||
Modals | 00:05:00 | ||
Popovers | 00:04:00 | ||
Tooltips | 00:04:00 | ||
ScrollSpy | 00:05:00 | ||
Project – App Landing Page | 00:05:00 | ||
The Free Bootstrap Themes | 00:02:00 | ||
References – Bootstrap 4 | 00:01:00 | ||
Bootstrap 4 Assessment Test | 00:01:00 | ||
Solution for Bootstrap 4 Assessment Test | 00:01:00 | ||
05 Bootstrap 4 Questions and Answers | 00:03:00 | ||
Section 07: WordPress | |||
Introduction to WordPress | 00:03:00 | ||
What is WordPress | 00:06:00 | ||
The WordPress Installation | 00:22:00 | ||
The WordPress Configuration | 00:03:00 | ||
The WordPress Dashboard | 00:04:00 | ||
WordPress Themes | 00:08:00 | ||
Creating a Blog | 00:03:00 | ||
Creating an e-Commerce Site | 00:05:00 | ||
References – WordPress | 00:01:00 | ||
WordPress Challenge Assessment Test – Create a Site | 00:01:00 | ||
Solution for WordPress Assessment Test | 00:02:00 | ||
05 WordPress Questions and Answers | 00:03:00 | ||
Section 08: PHP | |||
Introduction to PHP | 00:02:00 | ||
What is PHP | 00:04:00 | ||
Installation for Apache, PHP & MySQL | 00:06:00 | ||
PHP Hello World Program | 00:08:00 | ||
Variables | 00:10:00 | ||
Arrays | 00:04:00 | ||
If Statements | 00:05:00 | ||
While Loop | 00:05:00 | ||
Do-While Loop | 00:03:00 | ||
For Loop | 00:06:00 | ||
For Each Loop | 00:07:00 | ||
PHP Methods | 00:08:00 | ||
GET Variables | 00:09:00 | ||
POST Variables | 00:04:00 | ||
Sending an Email With PHP | 00:04:00 | ||
Project – Contact Form | 00:08:00 | ||
References – PHP | 00:01:00 | ||
PHP Assessment Test | 00:01:00 | ||
Solution for PHP Assessment Test | 00:04:00 | ||
05 PHP Questions and Answers | 00:04:00 | ||
Section 09: MySQL | |||
Introduction to MySQL | 00:04:00 | ||
What is MySQL | 00:03:00 | ||
Connecting to a Database | 00:09:00 | ||
Inserting Data rows | 00:15:00 | ||
Retrieving Data From A Database | 00:05:00 | ||
Update / Modifying Data rows | 00:08:00 | ||
Reading Multiple Data Rows through Loop | 00:05:00 | ||
Session Variables | 00:07:00 | ||
Cookies | 00:05:00 | ||
Storing Passwords Securely | 00:05:00 | ||
References – MySQL | 00:01:00 | ||
MySQL Assessment Test | 00:02:00 | ||
Solution for MySQL Assessment Test | 00:02:00 | ||
04 MySQL Questions and Answers | 00:02:00 | ||
Section 10: APIs | |||
Introduction to APIs | 00:02:00 | ||
What is an API | 00:03:00 | ||
The Google Maps API | 00:07:00 | ||
Geocoding with Google Maps | 00:04:00 | ||
Mini Challenge Place Auto Complete | 00:04:00 | ||
Facebook Login API | 00:24:00 | ||
Section 11: HTML 5 & CSS 3 Special Features | |||
HTML 5 Form Features | 00:09:00 | ||
Audio & Video | 00:03:00 | ||
The HTML 5 Canvas | 00:04:00 | ||
Challenge – HTML 5 Clock Face with Numbers | 00:04:00 | ||
What’s New in CSS 3 | 00:04:00 | ||
Advanced Selectors | 00:03:00 | ||
Pseudo Classes | 00:05:00 | ||
Gradients | 00:03:00 | ||
Shadows | 00:02:00 | ||
Transformations | 00:03:00 | ||
Animations | 00:04:00 | ||
Layout | 00:04:00 | ||
Calculations | 00:02:00 | ||
References – HTML 5 & CSS 3 | 00:01:00 | ||
HTML5 & CSS3 Assessment Test | 00:01:00 | ||
Solution for HTML5 & CSS3 Assessment Test | 00:03:00 | ||
05 HTML5 & CSS3 Questions and Answers | 00:03:00 | ||
Section 12: Python | |||
Introduction to Python | 00:02:00 | ||
What is Python | 00:02:00 | ||
Python Installation | 00:06:00 | ||
Pycharm-ce IDE installation | 00:06:00 | ||
Setting up environment | 00:07:00 | ||
Python Hello World program | 00:10:00 | ||
Variables | 00:15:00 | ||
Lists in Python | 00:11:00 | ||
If Statements in Python | 00:08:00 | ||
While Loop in Python | 00:04:00 | ||
For Loop in Python | 00:08:00 | ||
Functions in Python | 00:07:00 | ||
Guessing Game in Python | 00:06:00 | ||
Car Game in Python | 00:12:00 | ||
References – Python | 00:01:00 | ||
Python Assessment Test | 00:01:00 | ||
05 Python Questions and Answers | 00:04:00 | ||
Section 13: Bonus - Where do you go from here? | |||
Where do you go from here | 00:03:00 | ||
Assignment | |||
Assignment – Complete Web Development | 00:00:00 | ||
Solution for Assessment Test | 00:02:00 |
Embark on a transformative learning journey with our course, “Microsoft Teams – Master Microsoft Teams.” Unleash the full potential of …
0
Embark on a transformative journey into the realm of app creation with our course, “Master the Basics of Microsoft Power …
0
Embark on a journey of productivity mastery with our course, “Learn Todoist Basics in 1,2,3.” Immerse yourself in the art …
0