Web Development Article

Web development involves the creation and maintenance of websites and web applications using various programming languages such as Java, Python, and JavaScript. Developers use these languages to write the software that powers the functionality and interactivity of a website, making it accessible both on desktop and mobile devices. Web development encompasses everything from coding and database management to user interface design, ensuring a seamless online experience for users. The tutorials below provide tips and tricks on how to get started with web development.

• Accessibility on the Platform

  • Web Design, 
  • Web Development

  How the learning experience is accessible for learners

• Affordances, Signifiers, and Clickability

  • Code Foundations, 
  • HTML & CSS, 
  • Web Design, 
  • Web Development

  This article covers the design concepts of affordances and signifiers as well as some of their applications in web design.

• Authentication and OAuth

  • Cybersecurity, 
  • Web Development

  Learn about app authentication and the basics of OAuth.

• Authentication vs Authorization vs Encryption

  • Cybersecurity, 
  • Web Development

  In this article, you’ll get an overview of three key concepts in web security: Authentication, Authorization, & Encryption.

• Back-End Web Architecture

  • Code Foundations, 
  • Game Development, 
  • Web Development

  This article provides an overview of servers, databases, routing, and anything else that happens between when a client makes a request and receives a response.

• Bootstrap: Creating Menus, Navbars, and Modals

  • HTML & CSS, 
  • Web Development

  In this article, we'll use Bootstrap to implement these three common website features:

• Browser Compatibility

  • Developer Tools, 
  • HTML & CSS, 
  • Web Design, 
  • Web Development

  Learn how to make your sites work across all browsers and browser versions

• Building Apps With Vite

  • Full-Stack Engineer, 
  • Web Development

  Learn how to build a web app using Vite.

• Building Projects with VS Code

  • Developer Tools, 
  • Web Development

  Use Visual Studio Code in your local environment and create an HTML website!

• Characteristics of a good Test

  • Web Development

  Learn characteristics of a good test

• Code Coverage

  • Web Development

  In this article, you will learn about _code coverage_ and _test coverage_ – two metrics that organizations can use to determine the extent to which an application's code has been tested – and why these metrics are useful.

• Comparison of Build Tools

  • Full-Stack Engineer, 
  • Web Development

  Which build tool is right for your project — Webpack, Parcel, esbuild, or Vite?

• Connecting Page Elements to a Dataset

  • Web Development

  In Wix, you can display and gather content with page elements and datasets. When these items are in place, you can easily make the connection between your database and the pages on your site.

• Consider Design While You Build

  • Web Development

  5 Steps to leverage design practices and tools while you build websites

• Create a URL Using Slugs

  • Web Development

  Step-by-Step guide on creating a URL using slugs.

• Create and View a Web Page on Your Computer

  • HTML & CSS, 
  • Web Development

  If you've completed many Codecademy courses, but still find yourself asking, "Where can I write code on my own computer?", then start here!

• Create and View a Web Page on Your Computer

  • Web Development

  If you've completed many Codecademy courses, but still find yourself asking, "Where can I write code on my own computer?", then start here!

• Create Your First Local HTML/CSS Project

  • Code Foundations, 
  • HTML & CSS, 
  • Web Design, 
  • Web Development

  Use the tools on your own computer to start your own HTML/CSS project!

• Creating a React App

  • JavaScript, 
  • Web Development

  Use create-react-app to easily create a React application on your own computer.

• Creating a Website on GitHub Pages

  • Web Development

  Put your work online using GitHub Pages – no command line required!

• Creating Dynamic Pages

  • Developer Tools, 
  • Web Development

  Create pages from a collection quickly and simply through Wix's dynamic pages feature.

• Data Structure APIs

  • Code Foundations, 
  • Computer Science, 
  • Web Development

  A brief overview of APIs as they relate to JavaScript data structures.

• Database Scaling Strategies

  • Back-End Engineer, 
  • Computer Science, 
  • Data Scientist, 
  • Full-Stack Engineer, 
  • Web Development

  Learn about two strategies to help scale a database.

• Dataset Basics

  • Web Development

  Wix has a database built into the editor that allows you to store data, and use it to display content. They’ve made the challenging part of database management a breeze with their Content Manager, collections, and datasets.

• Debugging in Visual Studio

  • C#, 
  • Developer Tools, 
  • Web Development

  Debug your code using Visual Studio debugging tools

• Deploy Rails to Heroku

  • Ruby, 
  • Web Development

  Guide for putting your Rails app online with Heroku.

• Deploying a Back-End with Heroku

  • Developer Tools, 
  • JavaScript, 
  • Web Development

  Learn how to deploy a back-end app using Heroku and GitHub.

• Deploying a Flask App

  • Developer Tools, 
  • Python, 
  • Web Development

  Learn how to deploy your own Flask application with Heroku.

• Deploying a Full-Stack App with Heroku

  • Web Development

  Learn how to use Heroku to deploy a full-stack app, with Heroku's Postgres add-on.

• Deploying a Simple Python Script With Flask

  • Full-Stack Engineer, 
  • Python, 
  • Web Development

  Learn how to deploy a program in Python using Flask!

• Deploying a Static Site with Netlify

  • Cloud Computing, 
  • Web Development

  Learn how to easily deploy a static site through Netlify's GitHub integration.

• Deploying to GitHub Pages

  • Developer Tools, 
  • Open Source, 
  • Web Development

  Share your website with the world, for free!

• Depth-First Search: Conceptual

  • Computer Science, 
  • Web Development

  High-level, language-agnostic introduction to depth-first search with theoretical and practical discussion.

• Design - Color

  • Web Design, 
  • Web Development

  Learn about color considerations in your visual design.

• From Editor to Output

  • Kotlin, 
  • Web Development

  Learn what happens behind the scenes when you Run a Kotlin program.

• Getting Started with Heroku

  • Developer Tools, 
  • Web Development

  Heroku is a cloud-based Platform as a Service (PaaS) that enables developers to get an app up and running quickly, without the hassle of setting up a server.

• Getting Started with Netlify

  • Web Development

  Create a Netlify account and learn how it can be used to easily share your websites with the world.

• Getting Started with the Wix Editor

  • Developer Tools, 
  • Web Development

  Style your Wix website to your liking by using the Wix Editor.

• Getting Started with Visual Studio Code

  • Code Foundations, 
  • Computer Science, 
  • Data Science, 
  • Developer Tools, 
  • Web Development

  Visual Studio Code is one of the most popular and powerful text editors used by software engineers today.

• Getting Started with Visual Studio Code and Building HTML Websites

  • Developer Tools, 
  • HTML & CSS, 
  • Web Development

  Visual Studio Code is one of the most popular and powerful text editors used by software engineers today.

• Getting User Input in Node.js

  • JavaScript, 
  • Web Development

  Learn how to handle user input synchronously in Node.js.

• Git Setup for Mac and Windows Computers

  • Bash/Shell, 
  • Code Foundations, 
  • Game Development, 
  • Mobile Development, 
  • Web Development

  Never fear losing work with this professional versioning system

• Going Beyond with Heroku

  • Web Development

  With Heroku being "the fastest way to go from idea to URL", deploying an app is a fairly simple process. But there are many more features that make Heroku a solid choice when it comes to configuring, scaling, tuning, and managing apps.

• Going Beyond with Netlify

  • Cloud Computing, 
  • Web Development

  Explore even more features that Netlify offers beyond deployment.

• Handy Git Operations

  • Developer Tools, 
  • Web Development

  Git provides us with a vast number of different commands that are listed on the documentation which can be intimidating at first. We will break down a couple that are powerful for daily tasks.

• How To Create a Free AWS Account

  • Cloud Computing, 
  • Web Development

  Explore AWS with a Free Tier account!

• How to Create a Website

  • Web Development

  In this article, you will learn how to create your own web page and the difference between local and remote URLs.

• How To Use Jupyter Notebooks

  • Data Science, 
  • Developer Tools, 
  • Python, 
  • Web Development

  Learn about Jupyter Notebooks and how you can use them to run your code.

• How Users Scan: Learning from Eye Tracking Research

  • Web Design, 
  • Web Development

  Eye-tracking studies can show how users consume content online and help designers create compelling layouts.

• HTML: Classes vs IDs

  • HTML & CSS, 
  • Web Development

  In this article, learn more about the differences between HTML classes and IDs.

• HTML5 Game Development with Phaser

  • Game Development, 
  • HTML & CSS, 
  • JavaScript, 
  • Mobile Development, 
  • Web Development

  Learn about HTML5 game development with one of the most popular frameworks, Phaser!

• HTTP Errors: 404

  • Code Foundations, 
  • Web Development

  An introduction to the Web's most popular error

• HTTP Requests

  • Web Development

  Understand the basics of how your web browser communicates with the internet.

• HTTP Requests in Velo

  • JavaScript, 
  • Web Development

  Expand your website’s capabilities by using "wix-fetch" to make various HTTP requests.

• Implementing the Redux Store from Scratch

  • Full-Stack Engineer, 
  • JavaScript, 
  • Web Development

  An article on how to implement the Redux store object using vanilla JavaScript.

• Installing and Using PostgreSQL Locally

  • Developer Tools, 
  • Game Development, 
  • Mobile Development, 
  • SQL, 
  • Web Development

  Learn how to get PostgreSQL set up on your own computer

• Installing Django

  • Python, 
  • Web Development

  In this article, you will learn how to install a virtual environment then install Django in the virtual environment all on your own computer!

• Intro to Mozilla Developer Network

  • Code Foundations, 
  • JavaScript, 
  • Web Development

  Learn how to search and use the Mozilla Developer Network documentation

• Introduction to CDNs

  • Front-End Engineer, 
  • Web Development

  Learn about how CDNs can take our applications around the world!

• Introduction to Data Wrangling and Tidying

  • Data Science, 
  • Web Development

  A brief overview of the data wrangling process and tidy data

• Introduction to Load Balancing

  • Computer Science, 
  • Data Science, 
  • Web Development

  Learn about load balancers and how resource load is distributed using various load balancing algorithms.

• Introduction to NoSQL

  • Data Science, 
  • Web Development

  Learn about NoSQL and the different types of NoSQL databases.

• Introduction to Testing with Mocha and Chai

  • Web Development

  This article provides a high-level overview of unit testing, why tests are important, and what the Mocha and Chai frameworks provide.

• Java Program Structure

  • Java, 
  • Web Development

  Java programs have a specific structure. Let's take a closer look at the Hello World program — line by line!

• JavaScript Glossary

  • JavaScript, 
  • Web Development

  Programming reference for JavaScript.

• Javascript Guide: Arrays

  • Code Foundations, 
  • Game Development, 
  • JavaScript, 
  • Mobile Development, 
  • Web Development

  Use this guide to brush up on interacting with JavaScript arrays.

• Learning from Solution Code

  • Code Foundations, 
  • Web Development

  This article guides learners through comparing their code to the solution code, and maximizing learning through this process.

• MongoDB Data

  • Data Science, 
  • Web Development

  Learn about how data is stored in MongoDB.

• MongoDB Data Modeling Basics

  • Data Science, 
  • Web Development

  Learn how MongoDB creates relationships between data!

• MVC: Model, View, Controller

  • Code Foundations, 
  • Web Development

  App organization explained

• Outside-In Test-Driven Development

  • Web Development

  Learn outside-in TDD

• Push to GitHub

  • Web Development

  Guide for managing your code with Git and sharing your code with GitHub.

• React Developer Tools

  • Front-End Engineer, 
  • JavaScript, 
  • Web Development

  Use React Developer Tools to debug your React applications.

• React: The Virtual DOM

  • HTML & CSS, 
  • JavaScript, 
  • Web Development

  Learn how React's virtual DOM prevents wasteful DOM manipulation.

• Reading Tests with Mocha and Chai

  • JavaScript, 
  • Web Development

  This article explains how to read tests that are written with the Mocha and Chai JavaScript frameworks.

• Rebrandly URL Shortener API

  • Developer Tools, 
  • Web Development

  In this article, you will learn how to generate an API key to use the Rebrandly URL Shortener API.

• Red, Green, Refactor

  • Code Foundations, 
  • Game Development, 
  • Web Development

  Red, green, refactor

• Represent Everyday Things with Objects

  • Code Foundations, 
  • Computer Science, 
  • Web Development

  Expand the possibilities of what your program can do with objects.

• Request-Response Cycle I

  • Code Foundations, 
  • Computer Science, 
  • Ruby, 
  • Web Development

  Guide for navigating a Rails app with static pages.

• Request-Response Cycle II

  • Ruby, 
  • Web Development

  Guide for navigating a dynamic Rails app.

• Request-Response Cycle III

  • Ruby, 
  • Web Development

  Guide for navigating a Rails app with a form.

• Ridesharing Algorithms: Optimization and Iteration

  • Computer Science, 
  • Web Development

  An article that explores ridesharing algorithms.

• Run a Full-Stack Web Application

  • Web Development

  Run a full-stack web application from your terminal

• Running JavaScript in the Browser Console

  • Front-End Engineer, 
  • JavaScript, 
  • Web Development

  Learn how to run JavaScript code in your browser.

• Running Tests and Interpreting Output with Mocha and Chai

  • Web Development

  This article is a practical guide to reading the output from tests written with the Mocha and Chai frameworks.

• Set Up with Git and GitHub

  • Developer Tools, 
  • Open Source, 
  • Web Development

  Never fear losing work with this professional versioning system

• Setting Up a Backend

  • JavaScript, 
  • Web Development

  The backend is an important part of any website. It's where long-term data is stored, and where code is executed to handle interactions between your website and it's visitors. Wix has conveniently added the ability to control certain aspects of the backend with web modules.

• Setting up a Wix Account

  • Developer Tools, 
  • Web Development

  This article walks you through setting up your Wix account and other basic features of the Wix platform.

• Setting Up and Using Screen Readers

  • Web Design, 
  • Web Development

  This article explains how to set up and use a screen reader in order to think critically about the accessibility of the websites that you're building.

• Setting Up Node

  • JavaScript, 
  • Web Development

  Install Node on your computer to utilize Node packages

• Setting Up Postman

  • Developer Tools, 
  • Web Development

  Get Postman setup on your computer so that you can start testing API requests with ease.

• Setup MongoDB

  • Developer Tools, 
  • SQL, 
  • Web Development

  Setup MongoDB on your computer.

• Spinning Up A Local Server

  • Developer Tools, 
  • Web Development

  Configure your computer to serve content from `localhost` using the Live Server extension and VS Code.

• Standard Controller Actions

  • Ruby, 
  • Web Development

  Guide for Rails' seven standard controller actions used for displaying and modifying data.

• Test-Driven Development

  • Web Development

  An Introduction to Test-Driven Development

• The Testing Pyramid

  • Web Development

  Learn about the testing pyramid

• The tsconfig.json File

  • JavaScript, 
  • Web Development

  Let's explore what the tsconfig.json file is for.

• Thinking About Errors in Your Code Differently

  • Code Foundations, 
  • Web Development

  This article explains how errors in your code aren't a bad thing, but rather an opportunity to learn. Additionally, it provides several steps to identify and fix these errors.

• Training Set vs Validation Set vs Test Set

  • Web Development

  This article teaches the importance of splitting a data set into training, validation and test sets.

• Typography Design

  • HTML & CSS, 
  • Web Design, 
  • Web Development

  In this article, we'll take a close look at selecting typeface for site design, and we'll explore how we can utilize fonts to convey content and tone.

• Up Next on Velo

  • Developer Tools, 
  • JavaScript, 
  • Web Development

  You've come a long way from creating a Wix account to building complex websites in Velo, but your journey isn't over.

• Use DevTools

  • Developer Tools, 
  • Web Development

  Debug and experiment with code from within your browser.

• Users Don’t Read Web Pages

  • Web Design, 
  • Web Development

  Article about how users do not read websites.

• Web Development Change Log

  • Web Development

  Take a look at the at the recent changes to the Web Development domain content

• Web Programming on a Chromebook

  • Developer Tools, 
  • HTML & CSS, 
  • JavaScript, 
  • Web Development

  This article will teach you how set up for web development on Chromebooks so you can do off-platform web development projects on your Chromebook.

• Web Security: Not An Add-On

  • Cybersecurity, 
  • Web Development

  In this article, we will introduce what web security is and what its main principles are!

• Web UI Conventions

  • Web Design, 
  • Web Development

  This article covers common UI conventions.

• What is .NET?

  • C#, 
  • Game Development, 
  • Web Development

  Learn about the .NET platform that powers C# applications

• What is a Database Index?

  • Computer Science, 
  • SQL, 
  • Web Development

  Learn how database indexes help us quickly query data.

• What is a Database?

  • Code Foundations, 
  • Computer Science, 
  • Game Development, 
  • Mobile Development, 
  • SQL, 
  • Web Development

  We'll be exploring the topic of databases and their usage.

• What is a Database?

  • Code Foundations, 
  • Computer Science, 
  • Mobile Development, 
  • SQL, 
  • Web Development

  Learn about databases and how they can be used when building applications.

• What is a Relational Database Management System?

  • Developer Tools, 
  • Game Development, 
  • Mobile Development, 
  • SQL, 
  • Web Development

  Learn about RDBMS and the language used to access large datasets – SQL.

• What is a SPA?

  • JavaScript, 
  • Web Development

  Learn what a Single-Page Application (SPA) is and why you would use it.

• What is a Web App?

  • Web Development

  Learn about web apps and what goes into building them.

• What is an IDE?

  • Mobile Development, 
  • Swift, 
  • Web Development

  Learn how an IDE (Integrated Development Environment) can make you more effective as a programmer and how to get started using one.

• What Is an IDE?

  • Code Foundations, 
  • Developer Tools, 
  • Web Development

  Learn about the Integrated Development Environment, an application that makes programming easier!

• What is ASP.NET Razor Pages?

  • C#, 
  • HTML & CSS, 
  • Web Development

  Discover how the C# language and the ASP.NET framework are used to build websites and web apps

• What Is AWS?

  • Cloud Computing, 
  • Web Development

  Why AWS may or may not be a good fit for your business.

• What is CRUD?

  • Code Foundations, 
  • Mobile Development, 
  • Web Development

  Create, Read, Update, and Delete (CRUD) are the four basic functions that models should be able to do, at most.

• What is Digital Accessibility?

  • HTML & CSS, 
  • Web Design, 
  • Web Development

  In this article, you'll learn about digital accessibility and why it is important to incorporate aspects of digital accessibility into websites.

• What is Express.js?

  • JavaScript, 
  • Web Development

  Learn about the popular web framework Express.js.

• What Is JSON?

  • Code Foundations, 
  • JavaScript, 
  • Web Development

  A brief guide to understanding JSON and its use cases.

• What is Node?

  • JavaScript, 
  • Web Development

  Learn about Node.js, a JavaScript runtime for building server-side or desktop applications.

• What is Product Usability?

  • Web Design, 
  • Web Development

  In this article, you'll understand product usability by learning about five critical components of usability: learnability, efficiency, memorability, errors, and satisfaction.

• What is Programming?

  • Code Foundations, 
  • Computer Science, 
  • Web Development

  Programming is a collaboration between humans and computers.

• What is REST?

  • Computer Science, 
  • Web Development

  Learn about the REST (Representational State Transfer) paradigm and how rest architecture streamlines communication between web components.

• What is Spring Boot?

  • Java, 
  • Web Development

  Learn some of the underlying technology powering the Spring framework

• What is SQLite?

  • Developer Tools, 
  • SQL, 
  • Web Development

  Learn about the SQLite database engine and how to install it on your computer.

• What is the $w Selector

  • Web Development

  Learn how to use the $w selector to select Wix elements

• Why Learn Asynchronous JavaScript?

  • Code Foundations, 
  • Computer Science, 
  • JavaScript, 
  • Web Development

  Let's explore how asynchronous JavaScript helps us create more efficient apps.

• Why Object-Oriented Programming?

  • Code Foundations, 
  • Computer Science, 
  • Web Development

  Why has object-oriented programming become a major programming paradigm?

• Wireframe to Wire-fame

  • Java, 
  • Web Development

  Apply your new Android development skills to bring a wireframe to life.

• Wireframing

  • Web Design, 
  • Web Development

  Learn how to build a wireframe for a website or app and why this is an important step in development

• Wix .fetch

  • JavaScript, 
  • Web Development

  Utilize "wix-fetch" to make a GET request and take your website to the next level.

• Wix Built-in Methods and Functions

  • JavaScript, 
  • Web Development

  Use Wix's built-in methods and functions to add interactive functionality to your website

• Wix Lightbox

  • Web Design, 
  • Web Development

  Learn how to add interactivity to your Wix site, target specific customers, and increase engagement using Wix's easily customizable Wix lightbox element

• Working in the Code Panel

  • Web Development

  Learn how to use the Code Panel in Wix's Code Editor to build a website.