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