iNTERFACEWARE Documentation
Spaces
Apps
Templates
Create
Concepts
All content
Calendars
Space settings
Content
Results will update as you type.
Optimizing Systems
Bottlenecks
Complex Systems
•
System Constraints
•
The Goal
Conversation
•
Trust
Narratives
•
Influence the Narrative
•
No affiliate links giving commissions
•
Follow the conversation
•
Complex Systems Theory
Communication Concepts
Business Concepts
Workspace Concepts
Simplicity Design Concepts
Home Concepts
Law and Accounting Concepts
Computer Concepts
Web Technology Concepts
How do we deal with web technology?
Javascript Concepts - Start Here!
The Javascript console and Developer Tools in Chrome
•
Lots of concepts from the command line carry across to the Javascript console
The Javascript Console and Developer Tools
•
Right click on some part of your browser and click Inspect
•
Inspecting content for styling manipulation
•
Create an element in developer tools.
•
Play with html elements using DOM.
•
What is RGB in css?
•
Styling in developer tools
•
Use of classes and divisions in CSS
•
Proportional font vs fix width fonts
•
Sandbox in javascript developer tools
Javascript Variables - Covering the core types
Javascript Namespace Conventions
•
Playing around with CSS and Javascript showing the power of the console.
Points to pay attention to with Javascript
•
Move a div to an absolute position
Progress function for animation effects from first principles
jQuery and other legacy technology to avoid
•
JSON - JavaScript Object Notation
How do we make a Javascript sandbox
•
How can we make a CSS debug tool
•
How do we have a Javascript callback when the page is loaded?
How do you make an AJAX call?
•
How do we define an HTML template to use within Javascript?
•
How do we target elements using their classes?
•
How do I find the information on my current URL in Javascript?
Javascript Concepts to avoid
•
Showing a tree of data
•
Best practices for handle click events for GUIs with many child elements resulting from application data
•
Avoid storing state in DOM and keep functions simple and global
•
Example of extracting data from DOM poorly
•
Making DOM APIs give you plain old rectangles which you can manipulate.
•
Javascript Tracing
HTML Concepts
CSS Concepts
HTTP - Hyper Text Transfer Protocol
Web Application Architectural Concepts
Security Concepts
GIT concepts
Text Editors
Computer Fundamentals
C++ Concepts
Python Concepts
Lua Concepts
Hacking Iguana
Apple Concepts
Information System Concepts
Product X
Consciousness
Human Concepts Overview
•
Further Reading
Our Core Values
Heuristics
Large Language Models
Blogs
Concepts
/
/
The Javascript Console and Developer Tools
/
Play with html elements using DOM.
Play with html elements using DOM.
Jigar Mehta
Owned by
Jigar Mehta
Mar 01, 2024
1 min read
Loading data...
document.body.innerHTML = “<h1>This is a title</h1><p>This is some text.</p>”
{"serverDuration": 15, "requestCorrelationId": "7c1d37ba80ef4abea78905ebb14a60e4"}