- CodePen - ad hoc front-end code snippet testing web environment
- W3C Markup Validation Service
- Chrome DevTools for Web Developers
- Atom Editor
- Installing basic software
- What will your website look like?
- How do you set up a local testing server?
- Dealing with files
- How the Web works
- Getting started with HTML
- What’s in the head? Metadata in HTML
- HTML text fundamentals
- Creating hyperlinks
- Advanced text formatting
- Document and website structure
- Debugging HTML
- Assessment: Marking up a letter
- Assessment: Structuring a page of content
- What is CSS?
- Getting started with CSS
- CSS Types(inline, internal, external(.css)
- inline css - not recommended!
- internal css
- external css(.css file) - recommended
- How CSS is structured
- How CSS works
- Assesment: Using your new knowledge
- The box model
- CSS Position Property
- static(default flow)
- absolute: add a margin to its parent elemt i.e. div, p
- relative: add a margin relative to whree the element should be(static position)
- fixed
- DOM Living Standard
- DOM APIs
- Object Event Handler
- DOM Style Javascript property names
- EventListener
- HTMLMediaElement
- What is jquery?(MDN)
- jQuery
- jQuery UI
- jQuery Mobile
- jQuery Sizzle
- jQuery Qunit - js unit testing
- Q&A
- npm package manager for JavaScript
- Node JS Documentation
- REPL(Read-Eval-Print-Loop)
- Node Documentation on Exports & the Module Object
- MDN Docs on Javascript Objects
- Katacoda NodeJS Playground
- Curated colour palettes on Color Hunt
- Popular iOS colours from Flat UI Colors
- Popular Android colours from Material Palette
- Nabbing your favourite colours with Color Zilla
- Create Emotion with Color in UX Design
- 26 Digital Typography Rules for Beginners
- XD Essentials: Typography in Mobile Apps
- Need hints for good fonts? Here's 14 typographers with their favorite fonts
- What’s The Difference Between A Font And A Typeface?
- Web Design in 4 Minutes
- Searching Dribbble by a Specific Colour
- Translating Client Speak: What Clients Say and What they Mean
- Golden Rules of User Interface Design
- Designing User Interfaces for My Mother
- Teehanlax.com
- What’s The Difference Between JavaScript And ECMAScript
- Difference between var and let in JavaScript
- Java Script 'String' Object
- Working with JSON
- URLSearchParams()
- font-family
- Web Archive - WayBackMachine
- Submarine Cable Map
- E-mail Overview
- Web Server and Its Type
- What is RIA?
- What is REST?
- RESTful systems == REST-compliant systems
- In the REST architectural style, the implementation of the client and tof the server can be done independently.
- Each side knows what format of messages to send to the other, they can be kept modular and seperate.
- Statelessness: Server and Client doest not need to know their states in REST Architecture
- What is CRUD(Create, Read, Update, Delete)?
- How does single sign-on work?
- What are IMAP and POP?
- What is CDN(Content Delivery Network)?
- Waht is OAuth?
- Web Server vs. Application Server
<li><a href="https://www.tutorialspoint.com/internet_technologies">Internet Technology Overview</a>
<ul>
<li><a href="https://www.tutorialspoint.com/internet_technologies/internet_reference_models.htm">OSI and TCP/IP Model</a></li>
</ul>