Frontend Development for Designers Course

Learn how to build
a responsive website from scratch
Study flexibly
at a pace of 15-20 hours per week
Stand out in your industry
as a multiskilled designer

Want to know if frontend development is right for you?

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

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 become a UX designer”

Alana, Senior Career Advisor

Want to know if frontend development is right for you?

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

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 become a UX designer”

Alana, Senior Career Advisor

COVID-19: While our team of employees, mentors, tutors, and career specialists are working from home in an effort to curb the spread of COVID-19, CareerFoundry is operating as usual. All our programs are 100% online, and we’re offering more flexible study and payment options for the foreseeable future. If you’re interested in taking one of our programs, we’d love to speak to you about how we can support you during this time.

Frontend Development for Designers details

In this course, you will

Learn essential coding skills and become one of the few designers in the industry who can speak the developer’s language.

Walk through the entire development process, and create a fully functional portfolio site from scratch.

Bring a unique perspective to projects intersecting UX, UI, and frontend development.

Work 1:1 with an expert mentor, who'll provide you with individualized support, advice, and feedback.

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 15-20 hours per week for 2 months

Personalized mentorship

Our Frontend Development mentors are rated 4.93/5 based on feedback from over 700 reviews

Outcome oriented

Finish with a certificate of completion and a personalized website to host your design portfolio

Why learn frontend development?

Web development and coding skills are in huge demand

Web development provides you with the methods and tools you need to deliver elegant solutions to real problems by crafting functional, responsive code.

Communicate with developers in their own language

Develop an understanding of how coding works so you can communicate your ideas clearly and effectively to your web developers.

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 maximize the value you provide.

Why choose a CareerFoundry course?

Work with your very own course mentor

You'll enjoy a truly collaborative online learning experience, with tailored written and video feedback on everything you do from an expert who works 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 from scratch.

Master the practical skills that you can immediately apply to real-life projects in your workplace

Our Frontend Development for Designers Course is based on extensive research into the job market and in-depth surveys with industry experts.

With a foot in both camps and the ability to speak to both in their own terms, UX/UI Developers can be invaluable conduits between engineering teams and the more 'traditional' usability roles, such as interaction designers, visual designers.

Calum Benson
Principal UX Designer, Oracle Corp

Meet your new team

At CareerFoundry, you’re never alone! From the moment you start the course, you’ll be assigned a personal mentor. This seasoned and influential expert will act as your teacher, coach, and confidant through every step of the course—providing individualized support, advice, and feedback.

Your mentor

is an experienced Frontend Developer

that will guide you through the course content, providing detailed video reviews of each project you complete during the course.

Our mentors haven’t just made a name for themselves at top companies in the industry—but have helped shape it.

A project-based curriculum that gets you thinking like a web developer.

Learn the fundamentals of frontend development and stand out as a designer with hands-on coding skills.

You’ll master HTML, CSS, and basic JavaScript—arming you with all the technical knowledge you need to bring your designs to life. By the end of the course, you’ll have built a responsive website from scratch.

Achievement 1: Getting Started with HTML & CSS

1.1 Getting Started with Your Frontend Course

Configure your developer environment. Explain the difference between front and backend development. Compile portfolio research into an inspiration board.


1.2 Internet & the Web

Explain the basic structure of the Internet.


1.3 Starting with HTML

Examine the architecture of an HTML web page.


1.4. Coding with HTML

Examine the architecture of an HTML web page.


1.5. Using GitHub for Your Projects

Discuss best practices in software development and collaboration.


1.6. CSS Basics

Explain CSS syntax as well as how to style a basic webpage. Compare inline styling and external stylesheets.


1.7. CSS Layouts

Discuss CSS layouts for portfolio site pages. Build a responsive layout for the portfolio site.


1.8. Advanced CSS for Designers

Add CSS animation and transitions to the portfolio site.

Achievement 2: JavaScript & Your Portfolio Site

2.1 Introduction to JavaScript

Describe the structure of JavaScript code.


2.2 Coding with JavaScript

Describe the structure of Javascript code.


2.3 JavaScript Libraries & Plugins

Discuss the implementation of Javascript libraries and plugins.


2.4. User Testing

Design a project-specific testing process. Define requirements for upcoming iterations.


2.5. Code Quality & Cross-Browser Testing

Identify common errors in HTML, CSS, and JavaScript code. Utilize code linting to avoid bugs and ensure consistent code quality.


2.6. Portfolio Site Demo & Case Study

Discuss website hosting options. Create a video demo or case study of the complete portfolio site.

Portfolio Projects

Review a selection of some of the work our frontend development students have completed in recent months.


Frontend Development For Designers

OR secure your spot and pay today, then per month for months (starting one month after your program start date).
  • Learn through our comprehensive, project-based curriculum
  • Receive regular, personalized feedback from your course mentor
  • Deliver your first app design, which will form the basis of your professional portfolio
  • Get an in-depth review of your portfolio project from your mentor on a video call
  • Gain exclusive access to our global community—plus events and webinars
  • Upgrade to the full UX Design Program and become a qualified, job-ready UX designer


1.    Do I need any experience to join the course?

While no specific previous experience is required, you should have a working knowledge of UX design tasks and concepts such as user personas, low and high-fidelity prototyping, user flows, and usability testing for visual designs.

2.    What does ZFU-approved mean?

The ZFU, or Staatliche Zentralstelle für Fernunterricht, is the state body for distance learning in Germany. To be able to offer our Frontend Development for Designers Course publicly, it underwent a rigorous quality assurance and certification process. On successful completion of this process, the course was assigned a unique approval number (7355619) which can be checked against a public register.

3.    How long does the course take?

This course will take about 120 hours to complete. To finish the course within two months (eight weeks), you’ll need to study an average of 15-20 hours per week. If you want to complete the course sooner, you may do so simply by increasing the number of hours you put in.

4.    Is the course content practical?

Yes. The course follows a practical, project-based learning format that will see you learn the essential, in-demand skills that employers look for.

5.    Do I get a certificate at the end?

Yes, you will receive a CareerFoundry certificate on completion of your course.

6.    Is the course 100% online?

Yes, the course is entirely online. You’ll get exclusive access to our student community on Slack, and a global network of alumni and mentors to support you upon completion.

7.    What are minimum system and hardware requirements?

Windows macOS
Operating system: Windows 10

Processor: Multicore Intel processor with 64-bit support

RAM: 4 GB RAM (64-bit)

Monitor resolution: 1024 x 768
Operating system: macOS versions 10.13 and later

Processor: Multicore Intel processor with 64-bit support

RAM: 4 GB RAM (64-bit)

Monitor resolution: 1024 x 768

How would you like us to contact you?

Book a time to speak to a Career Advisor

Send us a message

Thank you!

Our program advisor will be in touch with you shortly.