The Complete Front-End Web Development Course!
Learning Outcome
- Learn to Build a simple HTML text site
- Figure out new ways to Style web pages using CSS
- Program websites with JavaScript
- Build a Pipboy using Bootstrap
- Build and publish a Google Chrome Extension
The The Complete Front-End Web Development Course! is the best way for you to gain deep insight and knowledge of this topic. You will learn from industry experts and obtain an accredited certificate after completing the course. Enrol now for a limited-time discounted price.
Like all the courses of Thames College, this The Complete Front-End Web Development Course! too is designed with the utmost attention and thorough research. All the topics are broken down into easy to understand bite-sized modules that help our learners to understand each lesson very easily.
We don’t just provide courses at Thames College; we provide a rich learning experience. After purchasing a course from Thames College, you get complete 1-year access with tutor support.
Our expert instructors are always available to answer all your questions and make your learning experience exquisite.
After completing the The Complete Front-End Web Development Course!, you will instantly get an e-certificate that will help you get jobs in the relevant field and will enrich your CV.
If you want to learn about this topic and achieve certifications, you should consider this The Complete Front-End Web Development Course! from Thames College.
Here at Thames College, we put our heart and soul into every single course we design. We make sure that all our courses are designed and developed by industry experts. We aim always to provide value to our learners with quality courses.
Our learners are our top priority, and you as a learner will gain tremendous knowledge and skill on this topic from this The Complete Front-End Web Development Course!.
The certification that you will receive upon completing this The Complete Front-End Web Development Course! will help to boost your resume and will help you stand out among your peers in the competitive job market.
Our course will help you get employed in the relevant field and advance your career. Enjoy this expertly made course from Thames College. Enrol now!
Why People Love And Enrol In The The Complete Front-End Web Development Course! From Thames College
Instantly accessible CPD-accredited certificate on successful completion of this The Complete Front-End Web Development Course!
24/7 access to the course for 12 months
Study at your own pace
No hidden fees or exam charges
Full Tutor support on weekdays (Monday – Friday)
Efficient assessment and instant results
Method of Assessment
To assess your learning, you have to participate in an automated multiple-choice question exam. You have to score at least 60% to pass the exam and to qualify for CPD accredited certificates. After passing the exam, you will be able to apply for a certificate.
To enhance your knowledge regarding the course and to further assess your learning, you are advised to complete the assignment questions provided at the end of the course, which you can complete anytime you wish.
After submitting the assignment, our expert tutor will assess your assignment and will give you feedback on your performance.
Certification
After completing the MCQ assessment, you will qualify for the CPD Certificate from Thames College, as proof of your continued professional development. Certification is available in PDF format, for £9, or a hard copy can be sent to you via post, for just £15.
Who is This course for?
This The Complete Front-End Web Development Course! is ideal for
- Students
- Recent graduates
- Job Seekers
- Anyone interested in this topic
- People already working in this field and want to polish their knowledge and skill.
Requirements
There are no specific prerequisites to enrol in this The Complete Front-End Web Development Course!. Anyone and everyone can take this course.
The The Complete Front-End Web Development Course! is fully accessible from any internet-enabled smart device. So, you can study from the comfort of your home!
All you need is a passion for learning, literacy, and to be over the age of 16.
Career Path
This The Complete Front-End Web Development Course! will help you procure a job in the relevant field and will allow you to advance your career. Many job roles will be available for you to explore after completing this course. This The Complete Front-End Web Development Course! also increases your competency to be eligible for promotions at work.
Enrol now to this comprehensive course from Thames College and take your career to the next step.
Course Curriculum
| Welcome to the course! | |||
| Introduction to the course | 00:02:00 | ||
| Atom setup | 00:05:00 | ||
| Web Development Basics - HTML | |||
| HTML document structure | 00:04:00 | ||
| HTML elements – div, span | 00:07:00 | ||
| HTML elements – i, b, p, a | 00:06:00 | ||
| HTML elements – ul, li, ol | 00:05:00 | ||
| HTML elements – header, footer | 00:05:00 | ||
| HTML elements – section, main, article | 00:08:00 | ||
| HTML elements – h1-h6, aside | 00:04:00 | ||
| HTML tables | 00:10:00 | ||
| Advanced HTML Concepts | |||
| Images | 00:04:00 | ||
| Forms | 00:05:00 | ||
| Checkboxes | 00:05:00 | ||
| Radio buttons | 00:05:00 | ||
| Select, option, buttons | 00:06:00 | ||
| HTML5 videos | 00:07:00 | ||
| HTML5 audio | 00:05:00 | ||
| Doctypes | 00:03:00 | ||
| Meta tags | 00:07:00 | ||
| Introduction to Cascading Style Sheets (CSS) | |||
| Targeting, color, background | 00:16:00 | ||
| Element specificity | 00:04:00 | ||
| Padding, margin, float | 00:08:00 | ||
| Max-width, background-image | 00:17:00 | ||
| Switching over to an IDE | 00:02:00 | ||
| Font weight, style, and family | 00:14:00 | ||
| Text decorations | 00:04:00 | ||
| Text spacing | 00:04:00 | ||
| Text decoration modification | 00:04:00 | ||
| Text shadow | 00:08:00 | ||
| Advanced CSS | |||
| Psuedo states | 00:09:00 | ||
| Border radius | 00:00:00 | ||
| Positions | 00:09:00 | ||
| Psuedo-elements | 00:07:00 | ||
| Z-index | 00:06:00 | ||
| Viewpoint width and height, overflowing content | 00:07:00 | ||
| Transition property | 00:06:00 | ||
| JavaScript for Begeinners | |||
| Intro to Javascript | 00:04:00 | ||
| Alerts and console logging | 00:06:00 | ||
| Integers, strings, and variables | 00:07:00 | ||
| Undefined variables and modifying values of variables | 00:05:00 | ||
| Boolean operators | 00:03:00 | ||
| Comparing values | 00:05:00 | ||
| If statements | 00:11:00 | ||
| For loops | 00:03:00 | ||
| Defining functions | 00:06:00 | ||
| Event handling | 00:09:00 | ||
| Setting an elements inner HTML | 00:03:00 | ||
| More JavaScript Concepts | |||
| Arrays pt1 | 00:06:00 | ||
| Arrays pt2 | 00:07:00 | ||
| Arrays pt3 | 00:05:00 | ||
| Textareas and getting the values of inputs | 00:14:00 | ||
| Functions – parameters and return values | 00:08:00 | ||
| Multiple parameters in functions | 00:05:00 | ||
| Flexible function parameters | 00:12:00 | ||
| Project – find the missing number | 00:08:00 | ||
| Project solution | 00:08:00 | ||
| Classes intro | 00:05:00 | ||
| Class constructor, instance variables, and static variables | 00:09:00 | ||
| Extending classes | 00:14:00 | ||
| Getting Started with jQuery | |||
| jQuery setup | 00:06:00 | ||
| Targeting elements | 00:04:00 | ||
| Event handling | 00:09:00 | ||
| Dropdown menus | 00:22:00 | ||
| Making our dropdown disappear | 00:05:00 | ||
| Multiple targets, events, attr method | 00:09:00 | ||
| Prepend, append, html | 00:05:00 | ||
| preventDefault | 00:06:00 | ||
| eventwhich, switch | 00:09:00 | ||
| Custom context menu, pageY, pageX | 00:13:00 | ||
| is method | 00:08:00 | ||
| More jQuery | |||
| Writing our own version of jQuery | 00:17:00 | ||
| Find method | 00:05:00 | ||
| First and last | 00:02:00 | ||
| Focusin and focusout | 00:11:00 | ||
| Contains, is, hasClass | 00:07:00 | ||
| Each method | 00:03:00 | ||
| Callbacks | 00:07:00 | ||
| CSS | 00:05:00 | ||
| Bootstrap Basics | |||
| Bootstrap intro | 00:07:00 | ||
| Navbar pt1 | 00:07:00 | ||
| Navbar pt2 | 00:11:00 | ||
| Bootstrap forms pt1 | 00:14:00 | ||
| Bootstrap forms pt2 | 00:05:00 | ||
| Bootstrap buttons | 00:06:00 | ||
| Project #2 - Pipboy from Fallout 4 | |||
| Pipboy navbar | 00:08:00 | ||
| Pipboy main page | 00:07:00 | ||
| Pipboy image and footer | 00:13:00 | ||
| Pipboy colors | 00:05:00 | ||
| Pipboy font and styling the main nav | 00:13:00 | ||
| Scanlines | 00:06:00 | ||
| Navigation styling | 00:10:00 | ||
| Tabs | 00:09:00 | ||
| Progress bars | 00:10:00 | ||
| Stat bars | 00:14:00 | ||
| Footer fixes | 00:02:00 | ||
| Damage and resistance | 00:05:00 | ||
| Icons | 00:11:00 | ||
| Inventory template | 00:04:00 | ||
| Item list | 00:13:00 | ||
| Weapon stat container | 00:11:00 | ||
| Finishing touches with JavaScript | 00:18:00 | ||
| Project #3 - Google Chrome Extension | |||
| Problem Solving | 00:09:00 | ||
| Manifest files | 00:06:00 | ||
| Basic setup | 00:03:00 | ||
| Getting video urls | 00:02:00 | ||
| Injecting JS | 00:06:00 | ||
| Getting pretty objects for each url | 00:05:00 | ||
| Creating download options list | 00:17:00 | ||
| Communicating between the page and extension | 00:09:00 | ||
| Chrome downloads api and background scripts | 00:08:00 | ||
| Receiving messages and downloading files | 00:06:00 | ||
| Styling our extension and publishing | 00:09:00 | ||
| Final Thoughts | |||
| BONUS - Coding Another Google Chrome Extension | |||
| Introduction and Manifest | 00:22:00 | ||
| Content Scripts | 00:16:00 | ||
| Messaging Different Parts of Our Extension | 00:10:00 | ||
| Creating Share Popup | 00:08:00 | ||
| Icons | 00:13:00 | ||
| Building an Image Downloader | 00:14:00 | ||
| Interacting with the DOM | 00:29:00 | ||
| Uploading to the Chrome Web Store | 00:07:00 | ||
Certificate of Achievement
CPD Accredited Certification
Certification is available –
- In PDF for £2.99
- Hard copy for £8.99
Course Reviews
No Reviews found for this course.
Access
Level
Number of Units
Number of Quizzes
Duration