Front-End Web Development Masterclass: HTML, CSS, JS & React
5 Students
GET ACCESS TO THIS COURSE ALONG WITH 3000+ ONLINE COURSES FOR A YEAR FOR JUST £49. GET NOW
SALE ENDS SOON
14-Day Money-Back Guarantee
-
1 Year
Access -
Intermediate
Skill Level -
Course Certificate
Certificate -
159
Units -
0
Quizzes -
10 hours, 44 minutes
Duration
Overview
In the fast-evolving IT industry, continuous skills development is a must for success. You can develop valuable skill sets and boost your potential with our Front-End Web Development Masterclass: HTML, CSS, JS & React course.
This course is carefully crafted to provide you with enhanced skills and understanding of HTML, CSS, JS and React. From the modules, you will learn the fundamentals of building blocks in HTML5. Then, the course will provide elaborate training on CSS3. You will also get the chance to elevate your JavaScript skills. Finally, the course will discuss the vital areas of React.
This comprehensive course is the perfect chance to expand your skills. In addition, it will provide a CPDQS-accredited certificate, which will enhance your value in the IT industry. Join now!
Course Preview
Learning Outcomes
- Get introduced to the structure of HTML5
- Learn the fundamentals of building blocks
- Enrich your knowledge of basic properties and typography properties of CSS3
- Learn how to do responsive designs with CSS3
- Familiarise yourself with the skills required for JavaScript
- Know how to use React for different types of projects
Why Take This Course From John Academy?
- Affordable, well-structured and high-quality e-learning study materials
- Meticulously crafted, engaging and informative tutorial videos and materials
- Efficient exam systems for the assessment and instant result
- Earn UK & internationally recognised accredited qualification
- Easily access the course content on mobile, tablet, or desktop from anywhere, anytime
- Excellent career advancement opportunities
- Get 24/7 student support via email
What Skills Will You Learn from This Course?
- HTML5
- CSS3
- JavaScript
- React
Who Should Take This Front-End Web Development Masterclass: HTML, CSS, JS & React?
Whether you’re an existing practitioner or an aspiring professional, this course is an ideal training opportunity. It will elevate your expertise and boost your CV with key skills and a recognised qualification attesting to your knowledge.
Are There Any Entry Requirements?
This Front-End Web Development Masterclass: HTML, CSS, JS & React is available to all learners of all academic backgrounds. But learners should be aged 16 or over to undertake the qualification. And a good understanding of the English language, numeracy, and ICT will be helpful.
Front-End Web Development Masterclass: HTML, CSS, JS & React Certification
After completing and passing the Front-End Web Development Masterclass: HTML, CSS, JS & React successfully, you will be able to obtain a Recognised Certificate of Achievement. Learners can obtain the certificate in hard copy at £14.99 or PDF format at £11.99.
Career Path
This exclusive Front-End Web Development Masterclass: HTML, CSS, JS & React will equip you with effective skills and abilities and help you explore career paths such as
- Front-End Developer
- Web Designer
- UI/UX Designer
- Full-Stack Developer
Course Curriculum
-
Introduction The Front-End Web Developer 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
-
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
-
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
-
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
-
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
-
Introduction 00:02:00
-
Examining Block and Inline Elements 00:13:00
-
Conclusion 00:01:00
-
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
-
Background 00:12:00
-
Borders 00:04:00
-
Outline 00:02:00
-
Height and width 00:04:00
-
Margin and padding 00:06:00
-
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
-
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
-
Opacity and important 00:03:00
-
Border-radius 00:03:00
-
Box Shadow 00:03:00
-
Grid System 00:11:00
-
Flexbox 00:07:00
-
Media Queries 00:04:00
-
Mini Project 00:15:00
-
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
-
Var in JavaScript 00:07:00
-
Global and local var in JavaScript 00:03:00
-
Advanced console.log 00:03:00
-
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
-
Arithmetic operator 00:05:00
-
Assignment operator 00:02:00
-
Comparison operator 00:04:00
-
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 00:05:00
-
While loop 00:05:00
-
Do while loop 00:03:00
-
For loop 00:03:00
-
Nested loop 00:03:00
-
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
-
Indexof and lastindex method 00:03: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 00:10:00
-
Arrays objects 00:04:00
-
For in loop 00:03:00
-
String methods – Part 1 00:05:00
-
String methods – Part 2 00:04:00
-
String methods – Part 3 00:10:00
-
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 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 JavaScript 00:07:00
-
Introduction to React.JS 00:06:00
-
First React App 00:10:00
-
JSX In React.JS 00:04:00
-
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
-
Understanding hierarchy in React.JS 00:06:00
-
Conditional rendering 00:04:00
-
useEffect Hook in React.JS 00:02:00
-
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
-
First Project (Part 1) 00:09:00
-
First Project (Part 2) 00:03:00
-
Building a Calculator – Part 1 00:03:00
-
Building a Calculator – Part 2 00:03:00
-
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 final 00:03:00
-
Order Your Certificates and Transcripts
What Our Students are Saying
Sam Carpenter
John Academy has helped me in my development, and I took the courses seriously and gained a qualifications certificate, which I've wanted to do for a long time. I highly recommend it, and a few friends have signed up, too. Thank you, John Academy.
Georgina Salazar
Easy to access, generous options for multiple learning and approaches. Supportive team.
Wayne Wright
The course empowers me to make my dreams come true. The course material was excellent. John Academy is good to study.
Romina
I am thankful that I have chosen John Academy for my online courses. It has given me a platform where I have learned a lot. It has so many reading materials with a handful of knowledge. Once again, thank you so much to the John Academy support team, who has cooperated & supported me throughout this journey.
Peter Gilbert
Brilliant course, with so many to choose from, very good value and a certificate at the end. Quick turnaround to receive a certificate. Very good academy I have completed several and have 2 ongoing at the moment. Never had any problems. Excellent customer service. Would recommend.
Other Students Also Bought
Certificate Code
Excellent Service
