Web Development Quickstart

Overview

A variety of tasks are required to build websites, including design, programming, and delivering it to users. While web design is an often crucial step, web development usually refers to the latter two of those tasks. This guide provides an overview of the technologies YETI uses to develop websites, along with resources for learning more about them.

Resources

This guide goes over the YETI Robotics web tech-stack and provides resources for getting started with them. 

To learn web development, you need to know HTML, CSS, and JavaScript (to start out with). Below are mysome recommended resources for doing so.

HTML/CSS

For HTML and CSS, W3Schools and MDN are good. Then you can move onto TailwindCSS, which is a CSS library that makes styling easier.

JavaScript

I find Javascript.info tois bean the bestexcellent place to learn javascriptJavaScript thoroughly. Other notableplaces mentions:

to

learn more Javascript include: MDN (again),

and The Odin Project where you can also learn server side programming and otheradvanced JSuses topics.of Javascript.

Typescript

Typescript adds stronger typings to JavaScript, similar to languages like Java or Go. You can read their docs Docshere

React/React

React is a UI framework that uses JavaScript to build websites in a more declarative way. Learn if from the React website

Next.js

StraightNext.js fromis thea horse'sserver mouth,side framework built on React, used to more efficiently build web applications by adding features such as routing, data fetching, API routes, and thenmore. learnFind their docs Next.jshere.