S R T B H P N

Web Notes

Links to HTML5, JavaScript, CSS, and Web Design blogs

Link Comments Author Tutorial on LocalStorage Clear, simple tutorial on use of LocalStorage. Tania Rascia Connect to API with JavaScript Getting JSON data from a REST API Tania Rascia JavaScript Fetch API Replacement for ajax Tania Rascia HTML5 File API Broad coverage of the new File API Jenkov.com Reading files in Javascript using File APIs Relatively simple examples of the two use cases: user selection with <input> and drag-and-drop. Eric Bidelman Introduction to Web Components Sequence of five articles on Web Compontes: intro, templates, custom element, shadow DOM, advanced tooling. Caleb Williams Topic Links Author(s) HTML5 HTML5 Skeleton File, HTML5 Tutorial Tania Rascia, Jenkov.com JavaScript, the Language JavaScript syntax and structure, JavaScript functions, JavaScript loops, JavaScript switch, Many faces of for, JavaScript conditional statements, Understanding Objects, Comparisons, math, and logic, math with operators Using JavaScript Objects, JavaScript Date and Time Understanding Events in JavaScript JavaScript classes, ES6 Syntax and Features Simple jQuery examples, How to use jQuery, jQuery to JavaScript Dictionary Tania Rascia JavaScript data structures Understanding Arrays, Summary of array methods, Array iteration Methods, Array accessor methods, Real world examples of map, filter, and reduce JavaScript strings, Index, split strings How to use JSON data, LocalStorage es2019 tips and tricks Tania Rascia, Laurie Barth Document Object Model (DOM) Introduction to the DOM, Understanding DOM Tree and Nodes, Accessing DOM elements, Traverse the DOM, Make Changes to the DOM Tania Rascia CSS styling Fundamentals of Responsive Design Responsive dropdown navigation bar, Hamburger menu and slideouts Styling UI Components: buttons & forms, Create Flexbox Grid Responsive image gallery with Flexbox, Background position fixed and cover with CSS, Crossfade between two images, Full screen navigation overlay Tania Rascia Web Components Introduction to Web Components, Web Components - Wikipedia, Web Components - MDN, Repository for components and component collections Caleb Williams, Wikipedia, MDN, webcomponents.org Web Design: Design Principles for Developers, Advice for Technical Writing, Andrew Spencer, Chris Coyier Blogs and articles: Tania Rascia, Developer Blogs to Follow, Tania Rascia, Andrew Spencer, Chris Coyier Other web links: Web Development Guides, Deploy to Heroku, Comments processing for static site Getting Started with git, TLS/SSL Certificate and HTTPS, Guide to SEO Tania Rascia