Introductory course

Intro to Frontend Development Course

Learn the essentials

of frontend development in 1 month

Study flexibly

at a pace of 15-20 hours per week

Develop and deliver your first website

guided by your mentor and tutor

Want to know if frontend development is right for you?

Find out with a free 5-day email short course.

Thanks!

Check your inbox for an email from us.

Curious about this course?

“How would you like to get in touch?”

“I’m here to help you learn more about web development”

Alana, Senior Career Advisor

Want to know if frontend development is right for you?

Find out with a free 5-day email short course.

Thanks!

Check your inbox for an email from us.

Curious about this course?

“How would you like to get in touch?”

“I’m here to help you learn more about web development”

Alana, Senior Career Advisor

Why Frontend?

Why CareerFoundry?

Curriculum

Project examples

Price

FAQ

Get in touch with us

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 will give you personalized feedback and insights into life as a web developer.

Join an active community of over 5000 graduates and 700 instructors, and get access to exclusive frontend development events and webinars.

Fully online

Study for 15-20 hours per week for one month

Personalized mentorship

Our frontend development mentors are rated 4.91/5

Outcome oriented

Deliver your first responsive website and get your first certificate in web development

See Curriculum

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.

Scott

CareerFoundry Graduate

Google Review

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

is a senior web developer dedicated to training the next generation of web developers.

Your mentor will be there to give you feedback on your portfolio project.

Your tutor

is a practicing web developer who knows the course material inside-out.

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.

Trevor Allen's Portfolio Project

Trevor Allen

Developer

See project

portfolios/feature-image-madison-wd-3e907dcb627d3c1e3fb9c930963db4fcec454b227797dc587636aee1b5189a25.png

Madison Bertis's Portfolio Project

Madison Bertis

Software Engineer

See project

portfolios/feature_matthew-3e907dcb627d3c1e3fb9c930963db4fcec454b227797dc587636aee1b5189a25.jpg

Matthew Primpas's Portfolio Project

Matthew Primpas

Web developer

See project

feat-felix-3e907dcb627d3c1e3fb9c930963db4fcec454b227797dc587636aee1b5189a25.jpg

Felix Pujols's Portfolio Project

Felix Pujols

Full-stack web developer

See project

feature_eveline-3e907dcb627d3c1e3fb9c930963db4fcec454b227797dc587636aee1b5189a25.png

Eveline Kooijman's Portfolio Project

Eveline Kooijman

Web developer

See project

Price

Intro to Frontend Development

Receive a tuition credit of if you decide to upgrade to the complete, career-change Full-Stack Web Development Program.

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

1. Who is the course for?

This course is designed with the absolute beginner in mind—so whether you’re brand new to web development or you’ve dabbled in it and want to formalize your knowledge and skills, this course is a great place to start.

You don’t need to have experience in coding or tech to succeed in this course! Regardless of your age or background, we’ve built a learning experience that will help ensure your success—from the curriculum and hands-on exercises, to the mentorship and support you’ll receive along the way.

2. Are there payment plans available?

Because the intro course only lasts one month, we require the tuition in a one-time, upfront payment. But we do offer a partial tuition credit if you choose to upgrade to the full career change program!

3. Is the course 100% online?

Yes, the course is entirely asynchronous and online—so you can study when and wherever you’d like so long as you can get online and complete the course on time.

But this doesn’t mean the learning experience is isolated or lonely! You’ll have your mentor, tutor, and student advisor there to support you—as well as access to our active student community on Slack.

4. What will I have by the end of the course?

By the end of the course, you’ll have a solid understanding of the field, and hands-on practice in some of the key skills and processes that are vital to frontend development—as well as a complete, mentor-reviewed project to feature in your professional portfolio!

When you complete the course, you’ll also receive a signed CareerFoundry certificate. This will make it easy for you to share the news on LinkedIn or with potential employers.

5. How long does it take to complete the course?

You only need to set aside 15-20 hours per week to complete the course in one month. If you’d like to complete the course more quickly, you can devote up to 30-40 hours per week to complete it in about two weeks.

6. Is the course content practical and hands-on?

We take a rigorously practical approach to learning. You’ll have the opportunity to apply everything you learn in practical ways. Every exercise builds up to a completed portfolio project that your mentor will review and that will show employers the in-demand skills you learn in the course.

7. What are the minimum requirements (prerequisites, system, hardware, tools)?

Because the course is designed with the absolute beginner in mind, there are no prerequisites for enrollment. You don’t need a background in coding or tech!

All you need to be successful in this course is:

The motivation to learn and grow
An interest in coding
Written and spoken English skills at a level B2 or higher

In addition, there are a few tools you’ll need, as well as some system/hardware requirements to be aware of. You can check out all the course details in the Intro to Frontend Development information sheet.

8. Do I have to pay for the tools?

All the tools and software you’ll need in this course are free to use—with no additional cost to you!

9. Am I required to enroll in the Full-Stack Web Development Program after the intro course?

There is no automatic or required enrollment in the full program at the end of this course.

That said, if you fall in love with web development during the intro course and you want to pursue a career in the field, the Full-Stack Web Development Program is the natural next step. It includes expert mentorship, full and hands-on immersion in the field, portfolio reviews, individualized career coaching, and a job guarantee. Everything you need to land the web development job of your dreams!

If you decide to enroll in the career change program, you’ll receive a partial tuition credit towards the cost of the full program. You can talk to your student advisor and they’ll take care of the details.

10. What’s included in the course tuition?

This course offers an immersive introduction to the field of web development—including expert-authored curriculum, hands-on projects, and personalized mentorship and support from experts in the field.

Find out more here:

How it works: From the curriculum to your support team, and beyond—here are the details.
Meet our mentors: Get to know who the CareerFoundry mentors are and how the dual-mentorship model works.
Graduate outcomes: Here’s some of the work our graduates did in the full program—and where they’re at today.

11. Is the course accredited and what does ZFU-approved mean?

While the course is not university accredited, it does undergo a rigorous quality assurance and certification process with the ZFU (Staatliche Zentralstelle für Fernunterricht)—the state body for distance learning in Germany.

This process ensures that the course meets a high standard for an excellent and effective learning experience.

On successful completion of this certification process, the course is assigned a unique approval number (7388521) which can be checked against a public register.