Intro to Frontend Development Course
Want to know if frontend development is right for you?
Thanks!
Curious about this course?
Contact us to find out if it’s right for you
“How would you like to get in touch?”
“I’m here to help you learn more about data analysis”
Alana, Senior Career Advisor
Want to know if frontend development is right for you?
Thanks!
Curious about this course?
Contact us to find out if it’s right for you
“How would you like to get in touch?”
“I’m here to help you learn more about data analysis”
Alana, Senior Career Advisor
Intro to Frontend Development Course details
In this course, you will
Discover the entire web development process by building a fully-functional website from scratch.
Learn the fundamental frontend development languages; HTML and CSS.
Apply core web development skills, such as building responsive layouts and de-bugging, as you deliver your first web development project.
Work 1:1 with an expert mentor and tutor, who'll provide you with personalized feedback, and invaluable insights into life as a web developer.
Join an active community of over 3,000 students, alumni, mentors, and career specialists, and get access to exclusive events and webinars.
Fully online
Study for an average of 15 hours per week for one month
Personalized mentorship
Our mentors are rated 4.93/5 from over 4,000 reviews
Outcome oriented
Deliver your first responsive website and get your first certificate in web development
Why learn frontend development?
Web development and coding skills are in huge demand
Learn to create something from nothing with code and turn your ideas into reality with little more than your laptop. Acquire some of the most useful, sought-after skills out there.
Communicate with tech teams in their own language
Get a sound understanding of how coding works so you can communicate your ideas clearly and effectively to your tech team.
Boost your career with coding skills
Whether you want to work on a side-project, build your own business, or simply contribute a broader skillset to your company, learning to code is a surefire way to maximise the value you provide.
Why choose a CareerFoundry intro course?
Work with your very own course tutor and mentor
You'll enjoy a truly collaborative online learning experience, with tailored written and video feedback on everything you do from experts who work in your new field day in, day out.
Get the perfect balance of theory and practice
From day one, you'll put your newfound knowledge of web development into practice as you work towards building your first website.
Love web development? Then become a web developer, guaranteed
There's a good chance you'll fall in love with web development. If you do, we'd love you to stick around for our Full-Stack Web Development Program, which is backed up by a job guarantee. Find out more here.
What sets the course apart from others is being able to interact with CF staff during and after the course, whether it be to get help with exercises or to ask for career advice. Being able to reach out to industry experts in this way is something that I've found very useful.
Meet your new team
Our dual mentorship model pairs you with not one, but two industry experts—your mentor and your course tutor. They're at the top of their game in web development and work in tandem to inspire you to exceed your expectations, providing individualized feedback and guidance as you work towards delivering your first website.
Your mentor
Your mentor will be there to give you feedback on your portfolio project.
Your tutor
Your tutor will be giving you timely feedback on all your submissions.
Our mentors and tutors haven’t just made a name for themselves at top companies in the industry—they've helped shape it.
A project-based curriculum that gets you thinking like a web developer.
Learn the essential principles and key skills that make frontend developers so valuable by building your first responsive website from scratch.
Created by experienced instructional designers, authored by industry experts, and kept up-to-date by course editors, our curriculum will serve as the foundation of your learning experience.
Introduction & Setup
Get acquainted with the standard workflow of a web developer by learning to edit your website with a text editor, viewing it in the web browser, and uploading it to a server.
HTML & CSS Basics
Get to know Chrome's Developer Tools, start writing your first HTML tags, and write and modify specific CSS selectors, attributes, and values.
Create New HTML Pages
Set up a new HTML page, create and organize HTML elements, and learn how best to share your code on Gist and GitHub.
CSS Layout & Box Model
Build the foundations of your responsive site, and get introduced to display and positioning properties. Use the box model and border boxes to adjust padding, margins, width and borders.
Styling Fonts & Colors
Add and style fonts to ensure browsers can properly load and render them. Start adding color to your site to bring it to life.
Introduction to Navigation
Create fixed header navigation, style and position it, and style the navigation links using text decoration and hover effects.
Bootstrap Components & Plug-ins
Learn how to use the Bootstrap framework, components and plugins, applying and customizing it to create dynamic elements.
Advanced Images
Add hero images to your site and crop and resize them with imaging software. Implement a Bootstrap carousel.
Responsive Web Design
Use Bootstrap's grid system to create a responsive layout for desktop and mobile screens. Discover the differences between responsive and adaptive design.
Single Page Scrolling Navigation
Transform website navigation to create one long scrolling page with multiple sections. Add a parallax effect with CSS and jQuery.
Responsive Website
Using HTML, CSS, and Bootstrap, you’ll have built a responsive, single-page portfolio website that fits mobile and desktop screens. Now it's time to send it live!
Your first step to becoming a developer
If you fall (even more deeply) in love with web development during this course, you can move seamlessly onto our career-change Full-Stack Web Development Program.
Portfolio Projects
Review a selection of some of the work our web development students have completed in recent months.
Price
Intro to Frontend Development
- Learn through our comprehensive, project-based curriculum
- Receive regular, personalized feedback from your course tutor
- Deliver your first website, which will form the basis of your portfolio
- Get an in-depth review of your final project from your mentor on a video call
- Gain exclusive access to our global community—plus events and webinars
- Upgrade to the Full-Stack Web Development Program and become a qualified, job-ready web developer
FAQ
Our courses have been designed to be easily understood by anyone—complete beginners included! Whether you want to start a career as a web developer or just want to enhance your coding skills, this course provides a beginner-friendly starting point.
By the end of Intro to Frontend Development, you will have a solid understanding of frontend languages, key skills for the job, including practical knowledge of common tools, and a project you can add to your professional portfolio.
The course is designed to take one month at a pace of 15 hours per week. If you need it, we do allow a 1-month extension, including mentor time, at no extra cost. If you wish to complete the course in under one month, you may do so simply by increasing the number of hours you put in.
All you’ll need to bring to the table is a computer, an Internet connection, and a healthy dose of enthusiasm—we provide the rest!
Yes. The course is based on a practical, project-based learning format. You will learn the essential skills that align with what employers are looking for in a frontend web developer.
From dancers to Uber drivers, we have trained people from all walks of life into successful tech professionals. The course requires no previous experience, and there are no age restrictions.
While there are many online courses in frontend web development, the CareerFoundry course is unique in the support it offers. You'll have a dedicated support network which remains consistent throughout—including a tutor to review your daily coursework and answer any questions, and a one-to-one mentor who'll provide personalised feedback and advice. You'll also have access to our vibrant student community.
You will receive a CareerFoundry certificate on completion of your course.
Yes, the course is entirely online. You’ll get access to our active student community on Slack and, after the course, you’ll have access to a global network of other ambitious alumni and mentors to support you.
Want to learn more about web development before you commit to a course?
We've got you covered! Take a look at our free tutorials, articles, videos, webinars, and social media.
How would you like us to contact you?
Book a time to speak to a Career Advisor
Send us a message
Send us your questions and we will email you back as soon as we can.
Thank you!
Our Career Advisor will be in touch with you shortly.