A computer monitor with a code editor open.

Programming

Understand the syntax, semantics, and functions of every language you’ll ever need to work in web development, from markup languages like HTML to programming languages like Ruby.

The programming course is free and meant to act as a complementary resource to other lessons and courses, as well as a reference as you continue your journey. Several programming languages are universal and used in many other places besides web development. Programming is constantly evolving. If you ever learn other technologies besides web development, feel free to come back to this course to see its ever-updating content!

This course provides universal concepts for programming. To get practical lessons and learn how to code real projects, check out Jackrabbit Code’s other courses and paths.

Lessons

Intro to Programming

Programming Languages

Programming Paradigms

Overview of Computer Science

Mathematics in Programming

View All Lessons

Learn about programming today

View this Course
Shortcut icons of the browsers Microsoft Edge, Firefox, Google Chrome, Opera, and Brave.

Browsers

Chances are you’re viewing this web page on a browser right now! Browsers are software applications for requesting, receiving, and presenting information on the web. When a user requests a web page from a website, the browser retrieves it from the website’s server and displays it on their screen. In addition to surfing the web, browsers themselves are valuables tools in web development.

Skills and knowledge you’ll learn:

  • How browsers work
  • How web pages are displayed
  • URLs and domains
  • Browser developer tools
  • Browser engines
  • Most popular browsers

Lessons

Intro to Browsers

How Browsers Work

Looking at the URL

Browser Engines and Projects

Most Popular Browsers

View All Lessons

Learn about browsers today

View this Course
A laptop with a code editor open.

Editors & IDEs

While every computer comes with text-editing software, code editors are specialized in programming, showcasing plug-ins, formatting, workspaces, cloud integration, and much more, making them extremely useful in writing code. In this course, you’ll look at code editors to understand their use over simpler text editors, and you’ll also work in an integrated development environment, called an IDE, which boasts all features plus automation tools, debuggers, and more.

Skills and knowledge you’ll learn:

  • Code editors
  • IDEs
  • Notepad++
  • Visual Studio Code
  • IDE plug-ins
  • Cloud integration
  • Debugging

Lessons

Intro to Editors & IDEs

Advantages of Code Editors Over Text Editors

Looking at Notepad++

Writing Code in Notepad++

Understanding What’s in an IDE

View All Lessons

Learn about editors & environments today

View this Course
A visual indication of version control, showing three branches and several commits between them.

Version Control

Keep track of your progress the modifications in your code with version control. Made a mistake? Version control allows you to go back and fix and overwrite mistakes, and it also allows easier collaboration with your fellow developers by solving integration conflicts. It also allows for better control over documentation and configuration files.

Skills and knowledge you’ll learn:

  • Making and reverting changes
  • Branches
  • Merging
  • Conflicts and how to solve them
  • Version control software
  • Git and GitHub

Lessons

Intro to Version Control

Making and Reverting Changes in Version Control

How Branches in Version Control Work

Merging and Deleting Branches

Conflicts in Version Control

View All Lessons

Learn about version control today

View this Course
A braille keyboard and display.

Accessibility

Accessibility, also abbreviated as a11y, is the concept of making your website accessible to all users, taking into account their age, devices, internet connection, and disabilities—temporary or permanent. The web is made for all people, and it’s our responsibility as web developers to make this a reality.

Skills and knowledge you’ll learn:

  • Making your website accessible from the beginning
  • Semantic HTML
  • Accessibility in CSS and JavaScript
  • WAI-ARIA
  • Accessible media
  • Color contrast
  • Keyboard use and navigation
  • Responsive design and development

Lessons

Intro to Web Accessibility

Why is Accessibility Important?

Make Your Website Accessible from the Beginning

Elements on the Web

Accessible Colors on the Web

View All Lessons

Learn about accessibility today

View this Course
A paper with hand drawn wireframes. A hand is writing text under the heading "user goals".

Web Design

Every user interacts with a website through its user interface, or UI, and their experience on that interface can make or break your website. Through this course, understand the impact design and experience have on website functionality and how users view websites on different devices. Learn how to design your website to impress your users with appearance and functionality.

Skills and knowledge you’ll learn:

  • Design tools and software
  • User interface design
  • User experience design
  • User research
  • Wireframes
  • Typography
  • ColorLayout design
  • Responsive design

Lessons

Intro to Web Design

What is the User Interface?

What is User Experience?

Design Software

Intro to UI Design

View All Lessons

Learn web design today

View this Course
A man writing with two computer monitors. One monitor shows a code editor, and the other shows a web page.

Frontend

Understand and create the user interface and experience of websites, all the components and elements that users interact with when browsing your website. Create interactive elements such as buttons, sliders, and forms, and integrate markup, styling, and script into your websites.

Skills and knowledge you’ll learn:

  • HTML, CSS, and JavaScript
  • Browsers and their development tools
  • Interactive elements
  • User interface
  • User experience
  • Responsive design and development
  • Accessibility
  • Frameworks and libraries
  • APIs
  • Web development stacks
  • Deployment
  • Version Control

Lessons

Intro to Frontend Development

Intro to Browsers

How Browsers Work

Intro to User Interfaces

Intro to HTML

View All Lessons

Learn about frontend development today

View this Course
Ethernet cables plugged into a server.

Backend

Get into the server-side of web development and understand how a website functions beyond what the user can see and interact with. In this course, you’ll learn to develop the backbone of websites through servers, architecture, and databases.

Skills and knowledge you’ll learn:

  • PHP, Java, JavaScript, Node.js, Python, Ruby, and .NET
  • APIs
  • Frameworks and libraries
  • Servers
  • Architecture
  • Databases
  • Web development stacks
  • Deployment
  • Version Control

Lessons

Intro to Backend Development

Intro to Browsers

How Browsers Work

Pick a Language for Backend

Intro to Version Control

View All Lessons

Learn about backend development today

View this Course
A man with a laptop and external monitor. The laptop screen shows the text editor for a no-code platform. The monitor shows the design interface of a website.

No-Code Platforms

Not every website or app needs to be built with code. No-code platforms allow you to build websites using visual editors and pre-built components. Many of them include plug-ins to supercharge your website, email platforms to elevate your business, and servers to handle the backend of your website.

Skills and knowledge you’ll learn:

  • When and where to use no-code platforms
  • Advantages and disadvantages of no-code platforms
  • Webflow
  • Bubble
  • WordPress
  • Adalo
  • Glide

Lessons

Intro to No-Code Platforms

Why Should I Use a No-Code Platform, and When?

No-Code vs. Code

Intro to Webflow

Webflow Interface

View All Lessons

Learn about no-code platforms today

View this Course
A woman sitting at a table. She is smiling and holding a notepad and pen.

Career Prep

When it’s time to start your career in web development, or if you’re looking to shift your career, look here to get an advantage on resumes, technical interviews, portfolios, and how to research the perfect company for you.

Skills and knowledge you’ll learn:

  • Resumes
  • Portfolios and projects
  • Searching for jobs
  • Researching positions and companies
  • How to handle questions
  • Questions for the interviewers
  • Technical interviews

Lessons

Intro to Career Prep

Crafting the Perfect Resume

What to Include in Your Portfolio

Creating and Launching Your Portfolio

The Job Search

View All Lessons

Prepare for your career today

View this Course