Girls Who Javascript

  • @blrjavascript
  • #girlswhojs

wifi - HasGeek

password - Geeksrus

Modern Javascript

All you need to know.

When was Javascript

  • Netscape (1995)
  • Brendan Aich & Mark Andreseen
  • Standardised later

ECMAScript

  • Standard for Javascript
  • All Browser vendors to implement
  • Release every year.

Helpers

  • JQuery
  • Lodash
  • Moment

Transpile

  • Transpiler
  • Browser can't keep up with ES
  • babel-cli/babel-node

CSS Help

  • Extending CSS
  • BEM
  • LESS

Templates

  • Can't handwrite HTML
  • Need conditionals
  • Handlebars, Jade

Client side Frameworks

  • Stitches an application
  • Opinionated
  • MVC

Server side JS

  • NodeJs
  • Express/Koa
  • Better moduling for JS

Compile to Javascript

  • Other paradigms to JS
  • Closurescript
  • Purescript
  • Coffeescript
  • Typescript

Virtual DOM

  • Faster DOM operations
  • Event Delegation
  • Reconciliation
  • Snabbdom/Deku/Inferno
  • React

React

  • Known for VDOM
  • Promotes components
  • Needs state management
  • Redux/Flux/MobX

Beginner friendly

  • Create React App
  • NextJs

API Layers

  • REST APIs
  • GraphQL
  • Falcor

Linting

  • JS is dynamic
  • Scope for errors
  • Best practices
  • Prettier

PostCSS

  • Babel for CSS
  • Autoprefixing
  • CSS Modules
  • Glamor/Styled components

Module Bundling

  • Gulp task runner
  • Webpack module bundler
  • Must have with current setups
  • Rollup

Testing Frameworks

  • Mocha
  • Jasmine
  • Protractor
  • Jest/Ava
  • Cypress

Accessibility

  • WAI-ARIA
  • Axe

Testing Frameworks

  • Mocha
  • Jasmine
  • Protractor
  • Jest/Ava
  • Cypress

Functional Programming

  • Pure functions
  • Composition
  • Ramda.js
  • Streams
  • RXJs/CycleJS
  • Pointfree programming

Visualizations

  • Use Canvas
  • D3 and friends
  • Threejs

Modern Techniques

  • Server side Rendering
  • Code-splitting
  • Hot Module Reloading
  • Time travel debugging
  • Progressive Web apps
  • Offline first

Pavithra Kodmad

@PKodmad

Modern Javascript

By Pavithra Kodmad

Modern Javascript

  • 1,023