Frontend for backend devs

A slideshow for teaching backend developers (or anyone with some programming experience) about frontend development.

Reveal.js

This project is a clone of reveal.js (because that's how it's supposed to be used).

JS
- type coercion
- scope (const, let)
- functions (regular and arrow, closures)
- readability
- context (this)
- prototypal inheritance and classes
- asynchrony (event loop, callbacks, promises, async/await)
- ecosystem and tooling (package managers, bundlers, FE frameworks, libraries, data layers, testing, caniuse.com, other tools)
- Web APIs
  - DOM (Document, Element, Event, document.cookie)
  - Fetch
  - Storage (localStorage, sessionStorage)
  - Web workers
  - WebSockets?
- iterators and generators?
- proxies?
- functional programming
Styling
- HTML5 (semantic tags (,
  , ), accessibility)
- CSS (
  - selectors (also pseudo elements/selectors and universal/child/adjacent selectors)
  - specificity
  - units
  - colors
  - text?
  - box model
  - floating and positioning
  - flexbox
  - @ rules
  - responsiveness
  - transitions/animations
  - grid
  - best practices (BEM, ITCSS)
- SASS
- SVG (currentColor, SVG.js)
- Shadow DOM
Typescript
- new types (interface, tuple, enum)
- type assertions
- union / intersection types
- generics
RxJS
- differences with promises
- concepts
- values and events
- subjects
- hot/cold observables
Angular
- concepts (components, services, modules, routing)
- components (inputs/outputs, lifecycle hooks, templates)
- reactive forms
- development (cli, testing with spectator and jest)
React
Vue
Redux
NX
Node.js
Slide about me
Add favicon?
Migrate to latest version of reveal.js or migrate to eagle.js?