This is a set of tutorials for learning web development, using tech stacks commonly adopted by ArcLight owned projects. After completing these tutorials, you will be capable of building/working on ArcLight web applications/web services.
Below is a list of technologies we will cover in this tutorial (More technologies to be added):
- Version control (Git)
- HTML, CSS, JavaScript
- TypeScript
- Front end frameworks (React, Redux, Sass)
- Back end frameworks (Express)
Our tutorials are organized into a series of week-long sessions. Each session includes:
- Goal of learning
- Learning materials (articles, docs, videos, etc.)
- Exercises
Version control, also known as source control, is the practice of tracking and managing changes to software code.
HTML is the foundation of all web pages. It defines the structure of a page, while CSS defines its style.
Some more advanced CSS concepts, but still very commonly used by frontend developers today.
JavaScript is the fundmental of our Frontend and Backend development workflows.
TypeScript stands in an unusual relationship to JavaScript. TypeScript offers all of JavaScript’s features, and an additional layer on top of these: TypeScript’s type system.
React is a free and open-source front-end JavaScript library for building user interfaces based on components.
In this section we explore more about React and look into some tools/libraries commonly used in Frontend development.
Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. Why learning Sass? It lets you use variables, mathematical operations, mixins, loops, functions, imports, and other interesting functionalities that make writing CSS much more powerful.