Frontend Development for Designers 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 become a UX designer”
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 become a UX designer”
Alana, Senior Career Advisor
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.
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
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.
Price
Frontend Development For Designers
- 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
FAQ
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.
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.
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.
Yes. The course follows a practical, project-based learning format that will see you learn the essential, in-demand skills that employers look for.
Yes, you will receive a CareerFoundry certificate on completion of your course.
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.
| 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 |
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
What questions do you have about the program? We're happy to help.
Thank you!
Our program advisor will be in touch with you shortly.