Course Library View the full range of courses
-
Accounting (145 courses)
- Xero Accounting and Bookkeeping Online
- Sage 50 Accounting & Payroll
- Project Finance
- Financial Modelling Training
- Tax Accounting
- Introduction to VAT
- Accounting and Finance Course for Managers
- Internal Compliance Auditor
- Financial Statement Analysis
- Payroll Administrator Level 3 Diploma
- View all Accounting courses
-
Language (67 courses)
- British Sign Language (BSL) Level 1 & 2
- Speech and Language Therapy Diploma
- TEFL (TESOL) Course
- English Spelling, Punctuation, and Grammar
- Child & Adult Speech & Language Disorders Training
- Teaching English as Foreign Language (TEFL) Certificate
- Mastering Spanish Language
- French Course for Beginners
- German Course for Beginners
- Body Language and Gesture Training
- View all Language courses
-
Teaching & Education (37 courses)
- Teaching Assistant Complete Course (TA, SEN, Autism, ADHD & Dyslexia) – CPD Certified
- EYFS Teaching Assistant Training Course
- Advanced Diploma in Coaching and Mentoring
- Level 3 Diploma in Teaching and Classroom Management
- Remote Teaching
- SENCO – Special Educational Needs Coordination
- Teaching English as Foreign Language (TEFL)
- Life Coaching
- Phonics Teaching Diploma
- View all Teaching & Education courses
-
Health and Social Care (138 courses)
- Health and Social Care Management
- Paediatric Nursing Assistant
- Mental Health Awareness Training
- Emergency Medicine – Paramedicine
- Level 3 Diploma in Adult Care
- Paediatric First Aid Training
- Safeguarding Children Level 3
- Level 3 Diploma in Anatomy and Physiology of Human Body
- Play Therapy
- The Care Certificate Preparation – Standards (1 to 15)
- View all Health and Social Care courses
-
Management (539 courses)
- Office Admin, Secretarial and PA Diploma
- Estate Agent and Property Management Training
- Diploma in Data Analysis Fundamentals
- Advanced Diploma in Stress & Anxiety Management
- Good Manufacturing Practice (GMP)
- Property Development and Management Course
- Diploma in Hotel Management
- Supply Chain Management
- Quality Assurance (QA) Manager
- Compliance and Risk Management
- View all Management courses
-
IT & Software (123 courses)
- Coding with Python 3
- Search Engine Optimisation (SEO) Training
- Cyber Security
- Motion Graphics with After Effects
- CompTIA A+ Core 1 (220-1101) Course
- Machine Learning for Aspiring Data Scientists
- Next.js Web Dev: Master this Powerful React Framework
- Learn 2D Animation with Adobe Animate
- GDPR Challenges in Education
- View all IT & Software courses
-
Employability (1043 courses)
- Office Administrator Skills
- Presentation Skills
- Legal Secretary and Office Skills
- Hospitality Management
- Estate Agent Diploma
- Hairdressing and Barbering
- Diploma in UK Employment Law
- Diploma in Data Analysis Fundamentals
- Building Surveyor Training
- Emotional Intelligence Training
- View all Employability courses
-
Personal Development (1438 courses)
- Productivity Habits
- Minute Taking Course
- Presentation Skills
- Excel: Top 50 Microsoft Excel Formulas in 50 Minutes!
- Critical Thinking and Problem Solving Skills
- Time Management
- Self Esteem and Confidence Building Course
- Essential IT Skills
- Legal Secretary and Office Skills
- Personality Development
- View all Personal Development courses
The Front-End Web Developer Bootcamp: HTML, CSS, JS & React
496 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.
GET THIS COURSE AND 3000+ OTHERS FOR ONLY £49 PER YEAR. FIND OUT MORE
Overview
The Front-End Web Developer Bootcamp: HTML, CSS, JS & React helps learners understand the core technologies behind modern websites and web applications. It provides a straightforward introduction to front-end development, making it suitable for beginners and learners who want to build their coding knowledge.
Throughout the course, learners will study HTML, CSS, JavaScript, and React and explore how these technologies work together. Key areas include webpage structure, styling, responsive layouts, JavaScript fundamentals, website interactions, React components, and basic front-end application development.
The course is delivered online, giving learners the flexibility to study at a convenient time and from a suitable location. Course materials can be accessed using an internet-enabled computer, tablet, or smartphone. By completing the course, learners can develop a stronger foundation in front-end development and prepare for further learning or career opportunities in technology.
Learning Outcomes
- Understand essential principles of front-end web development.
- Create well-structured webpages using HTML.
- Apply CSS to style responsive websites.
- Use JavaScript for interactive webpage features.
- Understand fundamental React components and concepts.
- Develop layouts suitable for different devices.
- Recognise and resolve common coding problems.
Why choose this course
- Affordable, Accessible, informative and well-structured study materials
- Earn a globally recognised accredited qualification
- Study in your own time, at your own pace, through any device
- Benefit from feedback through mock exams and multiple-choice assessments
- Excellent career advancement/career switch opportunities
- Get 24/7 help or advice from our email and live chat teams
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
This bootcamp is suitable for beginners, students, aspiring web developers, junior programmers, freelancers, and professionals who want to develop their front-end development knowledge. It is also suitable for anyone considering a career change or further study in web development and programming.
Requirements
There are no formal academic entry requirements for this course. Learners should have basic computer skills, a reasonable understanding of English, and access to an internet-enabled device. Learners must also be aged 16 or above.
Career path
- React Developer
- JavaScript Developer
- UI Developer
- Software Developer
- Web Designer
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 | ||
Original price was: £319.£25Current price is: £25. ex Vat
SAVE 92% - OFFER ENDS IN
ALL
COURSES FOR £49 
14-Day Money-Back Guarantee
- Personal
- Team
Quantity:
Total:
50% discount for orders of 10+ courses
60% discount for orders of 50+ courses
70% discount for orders of 100+ courses
For more personalised package, contact us
Frequently asked questions
Can’t find the anwser you’re looking for ? Reach out to customer support team.
The bootcamp is an online learning programme that introduces the main technologies used in front-end web development. It covers HTML, CSS, JavaScript, and React, helping learners develop a foundation for creating modern websites and web applications.
Yes. The bootcamp is suitable for beginners who are new to web development. It introduces important concepts and technologies in a structured way, allowing learners to build their understanding progressively.
The course focuses on HTML, CSS, JavaScript, and React. HTML is used for webpage structure, CSS for presentation and layouts, JavaScript for website functionality, and React for building component-based user interfaces.
No previous programming experience is required. The course is suitable for learners starting their web development journey. Basic computer skills and a reasonable understanding of English will help you follow the learning materials.
Yes. The bootcamp is available online, allowing you to study from home or another suitable location. You can access the course materials using a computer, tablet, or smartphone with an internet connection.
These technologies form the foundation of front-end web development. HTML structures webpages, CSS controls their appearance and layout, while JavaScript adds functionality and interactive features to websites.
Yes. React is included as one of the main technologies covered in the bootcamp. Learners are introduced to React components and basic concepts used when developing modern user interfaces.
Yes. Learners who successfully complete the final assessment can receive a CPD-accredited Certificate of Achievement. A PDF certificate is available for £9.99, while a hard-copy certificate is available for £15.99.
The course can provide a useful foundation for learners interested in web development. You can build on this knowledge through additional qualifications, coding projects, portfolio development, and further technical study.
Depending on your wider skills and experience, potential career paths include Front-End Web Developer, Junior Web Developer, React Developer, JavaScript Developer, UI Developer, Web Designer, and Software Developer.