Course Highlights
Gain the skills and credentials to kickstart a successful career in the technology industry and learn from the experts with this step-by-step training course. This The Complete Front-End Web Development Course has been specially designed to help learners gain a good command of Front-End Web Development, providing them with a solid foundation of knowledge to become a qualified professional.
Through this The Complete Front-End Web Development Course!, you will gain both practical and theoretical understanding of Front-End Web Development that will increase your employability in this field, help you stand out from the competition and boost your earning potential in no time.
Not only that, but this training includes up-to-date knowledge and techniques that will ensure you have the most in-demand skills to rise to the top of the industry. This qualification is fully accredited, broken down into several manageable modules, ideal for aspiring professionals.
Learning outcome
- Familiar yourself with the recent development and updates of the relevant industry
- Know how to use your theoretical knowledge to adapt in any working environment
- Get help from our expert tutors anytime you need
- Access to course contents that are designed and prepared by industry professionals
- Study at your convenient time and from wherever you want
Course media
Why should I take this course?
- Affordable premium-quality E-learning content, you can learn at your own pace.
- You will receive a completion certificate upon completing the course.
- Internationally recognized Accredited Qualification will boost up your resume.
- You will learn the researched and proven approach adopted by successful people to transform their careers.
- You will be able to incorporate various techniques successfully and understand your customers better.
Requirements
- No formal qualifications required, anyone from any academic background can take this course.
- Access to a computer or digital device with internet connectivity.
Course Curriculum
-
Introduction to the course00:02:00
-
Atom setup00:05:00
-
HTML document structure00:04:00
-
HTML elements – div, span00:07:00
-
HTML elements – i, b, p, a00:06:00
-
HTML elements – ul, li, ol00:05:00
-
HTML elements – header, footer00:05:00
-
HTML elements – section, main, article00:08:00
-
HTML elements – h1-h6, aside00:03:00
-
HTML tables00:10:00
-
Images00:04:00
-
Forms00:05:00
-
Checkboxes00:05:00
-
Radio buttons00:05:00
-
Select, option, buttons00:06:00
-
HTML5 videos00:07:00
-
HTML5 audio00:05:00
-
Doctypes00:08:00
-
Meta tags00:07:00
-
Targeting, color, background00:16:00
-
Element specificity00:04:00
-
Padding, margin, float00:08:00
-
Max-width, background-image00:17:00
-
Switching over to an IDE00:02:00
-
Font weight, style, and family00:14:00
-
Text decorations00:04:00
-
Text spacing00:04:00
-
Text decoration modification00:04:00
-
Text shadow00:08:00
-
Psuedo states00:09:00
-
Border radius00:08:00
-
Positions00:09:00
-
Psuedo-elements00:07:00
-
Z-index00:06:00
-
Viewpoint width and height, overflowing content00:07:00
-
Transition property00:06:00
-
Intro to Javascript00:04:00
-
Alerts and console logging00:06:00
-
Integers, strings, and variables00:07:00
-
Undefined variables and modifying values of variables00:05:00
-
Boolean operators00:03:00
-
Comparing values00:05:00
-
If statements00:11:00
-
For loops00:03:00
-
Defining functions00:06:00
-
Event handling00:09:00
-
Setting an elements inner HTML00:03:00
-
Arrays pt100:06:00
-
Arrays pt200:07:00
-
Arrays pt300:05:00
-
Textareas and getting the values of inputs00:14:00
-
Functions – parameters and return values00:08:00
-
Multiple parameters in functions00:05:00
-
Flexible function parameters00:12:00
-
Project – find the missing number00:08:00
-
Project solution00:08:00
-
Classes intro00:05:00
-
Class constructor, instance variables, and static variables00:09:00
-
Extending classes00:14:00
-
jQuery setup00:06:00
-
Targeting elements00:04:00
-
Event handling00:09:00
-
Dropdown menus00:22:00
-
Making our dropdown disappear00:05:00
-
Multiple targets, events, attr method00:09:00
-
Prepend, append, html00:05:00
-
preventDefault00:06:00
-
eventwhich, switch00:09:00
-
Custom context menu, pageY, pageX00:13:00
-
is method00:08:00
-
Writing our own version of jQuery00:17:00
-
Find method00:05:00
-
First and last00:02:00
-
Focusin and focusout00:11:00
-
Contains, is, hasClass00:07:00
-
Each method00:03:00
-
Callbacks00:07:00
-
CSS00:05:00
-
Bootstrap intro00:07:00
-
Navbar pt100:07:00
-
Navbar pt200:11:00
-
Bootstrap forms pt100:14:00
-
Bootstrap forms pt200:05:00
-
Bootstrap buttons00:06:00
-
Pipboy navbar00:08:00
-
Pipboy main page00:07:00
-
Pipboy image and footer00:13:00
-
Pipboy colors00:05:00
-
Pipboy font and styling the main nav00:13:00
-
Scanlines00:06:00
-
Navigation styling00:10:00
-
Tabs00:09:00
-
Progress bars00:10:00
-
Stat bars00:14:00
-
Footer fixes00:02:00
-
Damage and resistance00:05:00
-
Icons00:13:00
-
Inventory template00:04:00
-
Item list00:13:00
-
Weapon stat container00:11:00
-
Finishing touches with JavaScript00:18:00
-
Problem Solving00:09:00
-
Manifest files00:06:00
-
Basic setup00:03:00
-
Getting video urls00:02:00
-
Injecting JS00:06:00
-
Getting pretty objects for each url00:05:00
-
Creating download options list00:17:00
-
Communicating between the page and extension00:10:00
-
Chrome downloads api and background scripts00:08:00
-
Receiving messages and downloading files00:06:00
-
Styling our extension and publishing00:09:00
-
Introduction and Manifest00:22:00
-
Content Scripts00:16:00
-
Messaging Different Parts of Our Extension00:10:00
-
Creating Share Popup00:08:00
-
Icons00:13:00
-
Building an Image Downloader00:14:00
-
Interacting with the DOM00:29:00
-
Uploading to the Chrome Web Store00:07:00
-
Order Your Certificate
14-Day Money-Back Guarantee
-
Duration:16 hours, 7 minutes
-
Access:1 Year
-
Units:121
Want to get everything for £149
Take Lifetime Pack