Explore Courses
All Courses

Course Library View the full range of courses

The Front-End Web Developer Bootcamp: HTML, CSS, JS & React

8 Students
(5 Reviews)

Register on the today and build the experience, skills and knowledge you need to enhance your professional development and work towards your dream job. Study …

The Front-End Web Developer Bootcamp: HTML, CSS, JS & React

GET THIS COURSE AND 3000+ OTHERS FOR ONLY £49 PER YEAR. FIND OUT MORE

Register on the The Front-End Web Developer Bootcamp: HTML, CSS, JS & React today and build the experience, skills and knowledge you need to enhance your professional development and work towards your dream job. Study this course through online learning and take the first steps towards a long-term career.

The course consists of a number of easy to digest, in-depth modules, designed to provide you with a detailed, expert level of knowledge. Learn through a mixture of instructional video lessons and online study materials.

Receive online tutor support as you study the course, to ensure you are supported every step of the way. Get a certificate as proof of your course completion.

The The Front-End Web Developer Bootcamp: HTML, CSS, JS & React course is incredibly great value and allows you to study at your own pace. Access the course modules from any internet-enabled device, including computers, tablets, and smartphones.

The course is designed to increase your employability and equip you with everything you need to be a success. Enrol on the now and start learning instantly!

Why choose this course

Course Design

The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace.

You are taught through a combination of

  •         Video lessons
  •         Online study materials

Certification

Certificate of Achievement

After the successful completion of the final assessment, you will receive a CPD-accredited certificate of achievement. The PDF certificate is for 9.99, and it will be sent to you immediately after through e-mail. You can get the hard copy for 15.99, which will reach your doorsteps by post. 

Who Is This Course For

The course is ideal for those who already work in this sector or are aspiring professionals. This course is designed to enhance your expertise and boost your CV. Learn key skills and gain a professional qualification to prove your newly-acquired knowledge.

Requirements

The online training is open to all students and has no formal entry requirements. To study the The Front-End Web Developer Bootcamp: HTML, CSS, JS & React course, all you need is a passion for learning, A good understanding of English, numeracy, and IT skills. You must also be over the age of 16.

Course Curriculum

Introduction to HTML5
Introduction 00:02:00
Features of HTML5 00:01:00
Benefits of using HTML5 00:01:00
Where and how is HTML5 used? 00:01:00
HTML5 editors 00:01:00
Downloading Visual Studio Code 00:02:00
Course Materials 00:00:00
Structure of an HTML5
What are HTML tags? 00:02:00
Structure of an HTML5 file 00:03:00
File and folder structure 00:01:00
How to create an HTML5 file? 00:02:00
HTML5 basic building blocks
Heading Tags in HTML 00:03:00
HTML5 Quotation and Citation tags 00:04:00
Commenting out code in HTML5 00:02:00
HTML5 attributes 00:02:00
How to style in HTML5 00:02:00
Exploring HTML5
What are anchor tags? 00:04:00
What are image tags? 00:06:00
What are paragraph tags? 00:03:00
What are break tags? 00:02:00
What are table tags? 00:06:00
List Tags 00:04:00
Video Tag 00:03:00
Audio Tag 00:01:00
Building a Form from Scratch with HTML5
Form tags 00:06:00
Input Types 00:07:00
Input attributes (size, read-only, disabled) 00:03:00
Additional input attributes (Min, max, multiple, and placeholder) 00:04:00
Required Inputs 00:01:00
Block and Inline Elements
Introduction 00:02:00
Examining Block and Inline Elements 00:13:00
Conclusion (HTML5 Part)
Conclusion 00:01:00
Introduction to CSS3
Introduction to CSS3 00:02:00
Syntax of CSS3 00:01:00
Uses of CSS3 00:04:00
Types of CSS3 00:07:00
Selectors & Colors in CSS3 00:08:00
Basics Properties of CSS3
Background 00:12:00
Borders 00:04:00
Outline 00:02:00
Height and width 00:04:00
Margin and padding 00:06:00
Typography Properties of CSS3
Text alignment 00:03:00
Text decoration 00:03:00
Text transform 00:03:00
Text spacing 00:03:00
Font family 00:07:00
How to use font awesome icons 00:05:00
Selectors Properties in Depth of CSS3
Display 00:02:00
Positions 00:06:00
Z-index 00:01:00
Overflow 00:03:00
Float 00:02:00
DOM Model in CSS 00:02:00
Advanced Selectors 00:07:00
Pseudo-classes Part 1 00:10:00
Pseudo-classes part 2 00:05:00
Pseudo-Elements 00:04:00
Extra features in CSS3
Opacity and important 00:03:00
Border-radius 00:03:00
Box Shadow 00:03:00
Responsive Design with CSS3
Grid System 00:11:00
Flexbox 00:07:00
Media Queries 00:04:00
Mini Project
Mini Project 00:15:00
Introduction to JavaScript
Introduction and History of JavaScript 00:03:00
Syntax of JavaScript and overview 00:04:00
JavaScript Implementation 00:02:00
How to use HTML tags in JavaScript 00:02:00
Variables
Var in JavaScript 00:07:00
Global and local var in JavaScript 00:03:00
Advanced console.log 00:03:00
Statements in JavaScript
If statement 00:02:00
If else statement 00:02:00
Condition ternary statement 00:03:00
Switch statement 00:03:00
If else if statement 00:03:00
Break and continue statement 00:04:00
Data types 00:05:00
Operators in JavaScript
Arithmetic operator 00:05:00
Assignment operator 00:02:00
Comparison operator 00:04:00
Popup Boxes in JavaScript
Alert boxes 00:02:00
Confirm box 00:01:00
Prompt box 00:02:00
Functions 00:03:00
Functions with parameters 00:02:00
Function with return 00:05:00
Events in JavaScript
Events in JavaScript 00:05:00
Loops in JavaScript
While loop 00:05:00
Do while loop 00:03:00
For loop 00:03:00
Nested loop 00:03:00
Arrays in JavaScript
Arrays 00:06:00
Modify and delete arrays 00:03:00
Sort and revers methods 00:03:00
Pop and push methods 00:02:00
Shift and unshift method 00:02:00
Concat and join method 00:03:00
Slice and splice method 00:04:00
The isArray method 00:02:00
The forEach method 00:02:00
The toString() valueOf() and fill() methods 00:02:00
Include methods 00:02:00
Some and every method 00:03:00
Find and findindex method 00:02:00
Filter method 00:02:00
Objects and their methods
Objects 00:10:00
Arrays objects 00:04:00
For in loop 00:03:00
String and its methods
String methods – Part 1 00:05:00
String methods – Part 2 00:04:00
String methods – Part 3 00:10:00
JavaScript Number Methods
Number Methods 00:08:00
Math Method – Part 1 00:08:00
Math Method – Part 2 00:08:00
Date method 00:05:00
DOM Model
Dom Model 00:04:00
Dom other objects 00:09:00
Dom get methods 00:06:00
Dom styling 00:07:00
addEventListener (Events) 00:04:00
useCapture 00:04:00
classList method 00:08:00
Parent nodes 00:05:00
Children nodes 00:04:00
First and last child 00:03:00
Next and previous siblings 00:02:00
Create element text node 00:03:00
Append child and insert before 00:03:00
Insert adjacent element and insert adjacent HTML 00:05:00
Conclusion
Conclusion JavaScript 00:07:00
Introduction to React: A JS library for building user interfaces
Introduction to React.JS 00:06:00
First React App 00:10:00
JSX In React.JS 00:04:00
Styling Components Hooks
Inline and Internal Styling in React.JS 00:05:00
Template literals in React.JS 00:06:00
Components in React.JS 00:06:00
Props in React.JS 00:07:00
Hooks in Reacts.JS 00:03:00
Hierarchy rendering & advanced hooks
Understanding hierarchy in React.JS 00:06:00
Conditional rendering 00:04:00
useEffect Hook in React.JS 00:02:00
DOM
React-Router-Dom 00:04:00
Linking in react-router-dom 00:03:00
Handling Error Pages with react-router-dom 00:03:00
Using the useNavigate() hook 00:02:00
Projects
First Project (Part 1) 00:10:00
First Project (Part 2) 00:03:00
Building a Calculator App
Building a Calculator – Part 1 00:03:00
Building a Calculator – Part 2 00:03:00
Using the Pokémon API
Building a Restful API in React.JS – Part 1 00:03:00
Building a Restful API in React.JS – Part 2 00:05:00
Building a Restful API in React.JS – Part 3 00:05:00
Using array.map() inside JSX elements 00:05:00
How to use Material UI in React.JS 00:06:00
Conclusion
Conclusion 00:03:00
Order your Certificates & Transcripts
Order your Certificates & Transcripts 00:00:00

Course Reviews

4.6

4.6
5 ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

Original price was: £319.Current price is: £25. ex Vat

SAVE 92% - OFFER ENDS IN

Days

:

Hours

:

Minutes

:

Seconds

moneyback 14-Day Money-Back Guarantee
  • Level
  • Certificate Yes
  • Units 158
  • Quizzes 0
  • Duration 10 hours, 42 minutes
  • cpd uk
  • Tutor support

    Tutor Support

  • fully online

    Fully Online

Frequently asked questions

Can’t find the anwser you’re looking for ? Reach out to customer support team.

Are there any prerequisites for taking the course?

There are no specific prerequisites for this course, nor are there any formal entry requirements. All you need is an internet connection, a good understanding of English and a passion for learning for this course.

Can I access the course at any time, or is there a set schedule?

You have the flexibility to access the course at any time that suits your schedule. Our courses are self-paced, allowing you to study at your own pace and convenience.

How long will I have access to the course?

For this course, you will have access to the course materials for 1 year only. This means you can review the content as often as you like within the year, even after you've completed the course. However, if you buy Lifetime Access for the course, you will be able to access the course for a lifetime.

Is there a certificate of completion provided after completing the course?

Yes, upon successfully completing the course, you will receive a certificate of completion. This certificate can be a valuable addition to your professional portfolio and can be shared on your various social networks.

Can I switch courses or get a refund if I'm not satisfied with the course?

We want you to have a positive learning experience. If you're not satisfied with the course, you can request a course transfer or refund within 14 days of the initial purchase.

How do I track my progress in the course?

Our platform provides tracking tools and progress indicators for each course. You can monitor your progress, completed lessons, and assessments through your learner dashboard for the course.

What if I have technical issues or difficulties with the course?

If you encounter technical issues or content-related difficulties with the course, our support team is available to assist you. You can reach out to them for prompt resolution.

Home Search Cart Your Offers
×