Front-End Developer — Full Teaching Book
Learn to build real websites and web apps from scratch — from your first page to styling, interactivity and modern front-end tools — so you can build and publish projects of your own.
What this book is about
This book takes you from your first web page to building complete, working websites and web apps. You will learn how the web works and how to structure pages with HTML, style them with CSS, and bring them to life with JavaScript — then move into the tools and ideas professionals use every day, including version control, build tools, React, testing, performance, and security.
Along the way you will work with real examples you can try in your own editor, understand why each idea matters, and finish by planning and building a complete dashboard project of your own. By the end, you will be able to design a page, make it look good on any screen, add behaviour with code, and put a finished project together that you can show to others.
Chapters
- Chapter 1The Web, Browsers and Your First Page
- Chapter 2HTML in Depth: Document Structure
- Chapter 3Media and Embedded Content: Audio, Video and Iframes
- Chapter 4Text, Links and Images
- Chapter 5Forms and User Input
- Chapter 6CSS Foundations: Selectors and Cascade
- Chapter 7Colours, Typography and Text
- Chapter 8Box Model, Margin and Padding
- Chapter 9Layout with Flexbox
- Chapter 10Layout with Grid
- Chapter 11Positioning and Z-Index
- Chapter 12Responsive Design and Media Queries
- Chapter 13CSS Variables, Transitions and Animations
- Chapter 14Accessibility Foundations
- Chapter 15Developer Tools and Debugging
- Chapter 16JavaScript Foundations: Values and Variables
- Chapter 17Functions and Scope
- Chapter 18Arrays and Objects
- Chapter 19DOM Manipulation
- Chapter 20Events and Event Handling
- Chapter 21Forms with JavaScript and Validation
- Chapter 22Fetch, APIs and Async JavaScript
- Chapter 23Local Storage and State
- Chapter 24ES Modules and Tooling Basics
- Chapter 25Git and Version Control for Front-End
- Chapter 26Build Tools and Bundlers
- Chapter 27CSS Frameworks and Utility CSS
- Chapter 28Component Thinking
- Chapter 29Introduction to React (concepts)
- Chapter 30React Components, Props and State
- Chapter 31React Hooks in Practice
- Chapter 32Routing and Single-Page Apps
- Chapter 33State Management Basics
- Chapter 34Testing Front-End Code
- Chapter 35Performance: Loading and Rendering
- Chapter 36SEO and Social Sharing for Front-End
- Chapter 37Authentication in Front-End
- Chapter 38Working with APIs and Data Display
- Chapter 39Charts, Canvas and SVG
- Chapter 40Animations and Motion Design
- Chapter 41Design Systems and Reusable UI
- Chapter 42Forms, Validation and UX Writing
- Chapter 43Internationalisation and Localisation
- Chapter 44Progressive Web Apps
- Chapter 45Deployment: Hosting, Domains and CI Basics
- Chapter 46Security for Front-End Developers
- Chapter 47Capstone Planning: MyDay Dashboard
- Chapter 48Capstone Build Part 1: Structure and Style
- Chapter 49Capstone Build Part 2: Behaviour and Data
- Chapter 50Capstone Finish, Portfolio and Next Steps