💻
Core Web Dev Concepts
  • Building a website of reasonable complexity
  • Setup
    • HTML, CSS and Browsers
    • Chrome DevTools
    • Local Dev Setup
  • App
    • Design
    • JavaScript
    • Code design paradigms
    • State and Props
    • JSON
    • HTML templating
    • Testing
  • Infrastructure
  • Azure web hosting
  • Web servers
  • Azure Cosmos DB
  • Concepts and Systems
  • API
  • Progressive Web Apps
  • Service Workers
  • Messaging
  • Hyperapp and pug-vdom
  • StateCharts and StateMachines
Powered by GitBook
On this page
  • Disclaimer
  • Motivation

Was this helpful?

Building a website of reasonable complexity

This guide is intended to be a step on from single-subject tutorials. It aims to cover all the technologies, acronyms, systems and tools I used to create 'a website of reasonable complexity'.

NextHTML, CSS and Browsers

Last updated 5 years ago

Was this helpful?

Disclaimer

Definitely a work in progress...

The original purpose of this book was to document the activities and concepts behind a project internal to my company - a sort of primer for technically-minded staff who are web-app noobs.

In principle you should be able to find examples most of the content in my (the Azure Cosmos database being a notable absence).

Motivation

Even a reasonably complex website uses a wide range of technology and concepts to create and host. This guide is intended to provide an overview, with pointers for further reading, of each one. In part I am trying to support the company I work for, in part remind myself of all the details and finally to provide a resource for others moving on from 'tutorial hell'.

'Full-stack' basically means development of an app encompassing all of the required 'layers' of the stack. A 'full-stack developer' is someone who (to some level of competence) can create or manage all of these layers.

For the impatient, you can get a quick view of the constituent parts of a website if you hit f12 in Chrome (desktop) and look at the 'Elements' and 'Sources' tabs of the .

DevTools
open-source repositories
A skeleton 'full-stack' app