Overview
Are you looking to kick start your career in Website Design?
This Front End Web Development Diploma course will teach all the important aspects of the incredibly popular Adobe Suite. To earn your Adobe qualifications this course has covered a broad range of fundamentals for IT careers, based on the latest web development technologies, software development skills, and job roles.
Grab this exciting opportunity. Enrol today and climb up your career ladder.
How will I get my certificate?
You may have to take a quiz or a written test online during or after the course. After successfully completing the course, you will be eligible for the certificate.
Who is this course for?
There is no experience or previous qualifications required for enrolment on this Front End Web Development Diploma. It is available to all students, of all academic backgrounds.
Requirements
Our Front End Web Development Diploma is fully compatible with PC’s, Mac’s, Laptop, Tablet and Smartphone devices. This course has been designed to be fully compatible on tablets and smartphones so you can access your course on wifi, 3G or 4G. There is no time limit for completing this course, it can be studied in your own time at your own pace.
Career path
Having these various qualifications will increase the value in your CV and open you up to multiple sectors such as Business & Management , Admin, Accountancy & Finance, Secretarial & PA, Teaching & Mentoring etc.
Course Curriculum
- 14 sections
- 121 lectures
- 15 hours, 51 minutes total length
-
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:04: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:03: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 radius
-
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:11:00
-
Inventory template00:04:00
-
Item list00:13:00
-
Weapon stat container00:11:00
-
Finishing touches with JavaScript00:18:00
-
Problem Solving00:08: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:09: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
-
Claim Your Certificate