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