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!


Curious about this course?

Contact us to find out if it’s right for you

Career Advisor

“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!


Curious about this course?

Contact us to find out if it’s right for you

Career Advisor

“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

​​​​​​This month, we’re offering the first 100 students reduced tuition of up to 16% on all of our career change programs 🥳 Secure your spot today!

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

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.

portfolios/trevor-allen-wd-feature-image-3e907dcb627d3c1e3fb9c930963db4fcec454b227797dc587636aee1b5189a25.png
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.
2.    What are the prerequisites and requirements for the course?
There are no prerequisites or prior experience in web development, coding, or tech required. Regardless of age or background, we’ve built a learning experience to ensure your success. From the catered curriculum and hands-on exercises to one-on-one mentorship and support throughout.

What’s required*:
  • Motivation to transform your career
  • Interest in web development
  • Written and spoken English proficiency at a B2 level or higher
  • A computer (macOS, Windows, or Linux) with a webcam, microphone, and an internet connection.
*Note that you will be required to invest some independent study time into familiarizing yourself with the tools you’ll use throughout the course, and learning how to use them. It is estimated that you will need to spend an additional 1-2 hours per week of extracurricular study time becoming comfortable with them.
3.    Which tools will I use and what are the costs?
You’ll be using the tools; Atom, Google Chrome, CodePen, and GitHub—all of which are free tools.
4.    What are the minimum system requirements?
We recommend a minimum of 1 GB of RAM on your device, but 4 GB would be preferable.

You’ll need a web browser with JavaScript enabled.

Questions? Contact us for more information on system requirements for your specific device.
5.    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.
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. The course 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.    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.
8.    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.
9.    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.
10.    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!
11.    Do I get a certificate at the end?
You will receive a certificate when you complete the course to make your new qualifications easily identifiable for future employers.
12.    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.

13.    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.
back
back

How would you like us to contact you?

Book a time to speak with a program advisor

Send us a message

Thank you!

Our program advisor will be in touch with you shortly.