Career Services in Coda! [Katie Rivard]

Explore

Career Services in Coda! [Katie Rivard]

Enhancing Your Skills

Lesson: Front-End Development Skills

5 minute read

We've already tackled the touchy topic of whether or not designers should learn to code. In the end, it really depends on what type of designer you want to be. If you've chosen to take on learning the new skill, we want to help push you in the right direction to gain a better understanding of what's required to use your newfound skills.

Whether you decide to learn to code from scratch using HTML, CSS, and JavaScript, or you chose to use a website building tool like Webflow, knowing how to code can help you as a designer to make better decisions.

Learning Front-End

Let's explore the many different platforms available to learn to code:

Codecademy

⁠

Codecademy⁠

has an interactive platform that helps you learn how to build websites using HTML, CSS, and JavaScript. It focuses on new code standards, such as Flexbox and CSS Transitions.

The interactive tool helps you complete tasks and provides hints if you get stuck on any portion of your learning path.

Treehouse

⁠

Treehouse⁠

offers a free trial to learn the three primary development languages of a front-end developer: HTML, CSS, & JavaScript.

The course goes through a series of projects to complete, while learning how to effectively write front-end systems.

Once you finish the trial, there is a cost associated with using the platform, however, Treehouse offers more courses around development that can help you extend your skillset even further.

Learn to Code HTML & CSS

⁠

Shay Howe created a

short, free course⁠

to learn how to code HTML & CSS. He takes you through how to build your first web page, and then focuses on the core fundamentals of front-end development.

Tools to Develop Your Design

Webflow

⁠

As a designer, a visual tool may be easier to understand versus vanilla code. That's why the creators of

Webflow⁠

developed its interactive tool for visually composing websites.

The interactive tool allows you to design within the browser, and it produces production-ready code to be deployed.

Webflow provides extensive

resources⁠

on learning how to use the platform. And you can easily create animations, transitions, and beautiful websites just as you might within Sketch or Figma.

Gallery

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.