JavaScript Basics / Steve Oney | Observable

Public

Building Interactive Applications

Edited

1 fork

Building Interactive Applications

The Basics of HTML Common HTML Elements and Attributes Firefox Developer Tools Mixing in CSS Exercises: HTML and CSS Basics CSS Basics and Selectors Exercises: Page Deployment Common CSS Attributes Exercises: The DOM Deploying to GitHub Pages The DOM Mixing in JavaScript Key Differences Between JavaScript and Python

JavaScript Basics

Exercises: Basic Interactivity Introduction to JavaScript Callbacks Manipulating the DOM with JavaScript Exercises: Basic Interactivity (2)JavaScript Events Exercise: Creating a Stopwatch Exercise: Image Carousel Building an Understanding of Execution Order and Timing JavaScript Scope Integrating JavaScript Libraries The State of JavaScript Pop Quiz!Template Literals and Conditional Operators Exercises: Command Line and npm Animation Promises Command Line Basics Introduction to Package Management Introduction to Webpack Exercises: Yes/No API Exercises: Yes/No (2)Live Share Kilobytes Gambit The Observer Pattern Model-View-Controller (MVC)Exercises: React.js Understanding Libraries vs. Frameworks Exercises: React todo React.JS Basics Adding State to React Components with State Hooks Accessing DOM Elements in React with Refs Exercises: React todo Neat JavaScript Tricks: Destructuring Assignment Exercise: Todo with storage An Introduction to TypeScript Storing Data Client-Side Neat JavaScript Tricks: Short-Circuit Conditionals Exercise: Find the bug User Inyerface :-P User Inyerface (2)Internationalization Character Encodings The Internationalization API I18n Strategies: Message Translation Internationalization Beyond Message Translation Brief Tips on Accessibility Alternative Execution Environments

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.

Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.

Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.