Vets Who Code

Web Dev Curriculum

Section 1 - Pre Work Review

Dev work flow

• Command Line
• VS Code
• Markdown
• Git / Git Workflow
• Github Pages

Javascript

• JS Dev tools (Console tab)
• Load JS (Source tab/<script>)
• Primitives
• Conditionals
• Arrays
• Loops
• Functions
• Objects

JS DOM

• Select HTML elements
• Add/remove elements
• Update element properties
• DOM events

HTML

• Sectioning content
• Form-associated content
• Interactive content

CSS

• Debugging (elements tab)
• Box model
• Flexbox
• Grid
• SMACSS

JS Async

• setTimeout
• setInterval
• Promises

JS 3rd Party API

• Fetch
• JSON
• REST
• Graphql

Section 2 - Frontend Tooling

JS Build

• NPM
• ParcelJS

React

• create-react-app
• Hooks
• props
• Render lists
• Conditional Rendering
• Event listeners
• React hooks (useState, useEffect, useContext)

Next.js

• create-next-app
• Routing
• getStaticProps
• getServerSidProps
• Vercel

Section 3 - Server Side

NodeJS

• process (env/argv)
• CommonJS
• HTTP Requests
• reading/writing to files (fs/path)

Database

• Mongoose
• MongoDB
• Mongo Atlas

REST (ExpressJS)

• Request
• Response
• Router

Graphql (Apollo)

• Schema
• Resolvers
• Data Source
• Apollo Client

Section 4 - Div Ops

Docker

• Dockerfile
• Build/Run images

Github Actions

• Workflows
• Events
• Jobs

AWS

• Lambda
• SAM