Skip to content
Career Services in Coda! [Katie Rivard]
  • Pages
    • Career Services by Designlab
      • Career Services Orientation
        • Lesson: Getting The Most Out of Career Services
        • How-to guide: Building a Job Search Strategy
        • Questionnaire: Career Services Check-In
        • Lesson: Understanding the Grind
        • Lesson: Exploring Various Roles in Design
        • Lesson: Exploring Different Workplaces for Designers
        • Lesson: Exploring Design Across Industries
        • Lesson: Common Skills & Competencies
        • Project: Career Goals and Ambitions
        • Lesson: Setting Daily and Weekly Goals
        • How-to Guide: Job Tracking with Huntr
        • Project: Saving and Applying to Jobs with Huntr
      • Resume & Cover Letters
        • Lesson: UX Design Resumes
        • Lesson: Cover Letter
        • Lesson: How to Answer Questions on Applications
        • Lesson: Requirements in an Application
        • Project: Create Your Resume
        • Project: Create Your Cover Letter
      • Job Finding Strategies
        • Project: Research Jobs & Companies in Your Area
        • Project: Freelance Project
      • Enhancing Your Skills
        • Lesson: How to Stay Relevant and Ready
        • Lesson: Animation & Interactive Prototyping
        • icon picker
          Lesson: Front-End Development Skills
        • Lesson: Finding More Projects
      • Portfolio Improvements
        • Lesson: Creating a Company or Job Specific Portfolio Page
      • Interview Preparation
        • Lesson: Interview Questions
        • Lesson: What to Ask in an Interview
        • Lesson: How to Conduct Yourself in an Interview
        • Lesson: How to Present Your Work Like a Pro
        • Project: Interview Questions
        • Project: Mock Interview
      • Job Offers & Negotiations
        • Lesson: How to Review an Offer
        • Lesson: Salary Expectations
        • Salary Negotiation
        • Lesson: How to Deal With Rejection
        • Project: Salaries and Benefits Research
      • Networking & Social Media
        • Getting a Job Through Current Connections
        • Lesson: Gather Your References
        • Lesson: Attending an In-Person Networking Event
        • Lesson: Which Social Networks to Use and How
        • Lesson: Social Media Tips & Tricks
        • Lesson: Discover the Design Community
        • Project: Identifying Potential Connections
        • Project: Design Your Business Cards
        • Project: Research Events to Attend
        • Project: Polish Up Your Social Media
      • Storytelling & Presentations
        • Lesson: How to Present Your Work Like a Pro
      • Preparing for Your First Day
        • Lesson: Working Remotely as a Designer
        • Lesson: Freelancing as a Designer
        • Lesson: Should Designers Code?
        • Lesson: Your First Year in a New Design Role
      • Cross-Functional Teamwork
        • Lesson: Working Within a Team
        • Lesson: Working With a Developer
      • Whiteboard & Take-Home Challenges
        • Lesson: Design Challenges
        • Lesson: Whiteboard Challenges
        • Project: Take-Home Design Challenge
        • Project: Whiteboard Challenge
    • Backend
Career Services in Coda! [Katie Rivard]
/
/
Lesson: Front-End Development Skills
Share
Explore

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
⁠
⁠
⁠
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
⁠
⁠
⁠
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
⁠
⁠
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

⁠
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 ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.