Interact with users through user interfaces, HTML, CSS, JavaScript, frameworks, libraries, accessibility, and much more.
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
Learn about programming today
View this CourseBrowsers
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
Learn about browsers today
View this CourseEditors & 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
Learn about editors & environments today
View this CourseVersion 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
Learn about version control today
View this CourseAccessibility
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
Learn about accessibility today
View this CourseWeb 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
Learn web design today
View this CourseFrontend
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
Learn about frontend development today
View this CourseBackend
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
Learn about backend development today
View this CourseNo-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
Learn about no-code platforms today
View this CourseCareer 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