Learn Web Engineering for free. From the beginning. No Story.

The curriculum comes in 10 phases. Spread between general knowledge, architecture, design, development, and growth. Crafted for solo one learner and for many one learner.

Get started with a 2-minute survey

Become a Web Playmaker or Unicorn

Easily fill in for your colleague. Single-handedly execute your gig. Independently bootstrap your idea.

Gain Profound Knowledge of the web process

You get guides with real-time experience organized into 10 Web Engineering Books (#10-WEB). Each book – Each phase – Each process.

Web Direction:

The 1st of the #10-WEB series, Web Direction, explores the 3 models of the world wide web. These models are clients, HTTP, and servers.

Upon completion, you'll know how to:

• Engineer the web for the 3 client types: users, agents, and producers

• Work with HTTP transactions like Request methods, DNS records, and URIs

• Manage content with Computer languages, Server programs, and Cloud infrastructures

• Apply the knowledge to engineer a website.

• Use software principles, website performance optimizations, and web content accessibility guidelines (WCAG).

• Prepare engineering operations, requirements analysis, and testing methodologies

Project Architecture

The 2nd of the #10-WEB series, Project Architecture, explores the 3 elements of Project Management. These elements are people, activities, and time.

Upon completion, you'll know how to:

• aim for work & life balance of each person on a team

• create todos, notes, and comms for the project's activities

• schedule time for activities as well as track them

• Interpret visuals of project management reports

• Use systems to manage activities like tasks, schedules, and inbox

• Test project for feasibility on Technicality, Operability, and Market fit

Brand Architecture

The 3rd of the #10-WEB series, Brand Architecture, explores the 3 elements of branding. These elements are track, story, and position.

Upon completion, you'll know how to:

• Define the brand track with purpose, mission, and vision statements

• Relate the brand story with an emotional narrative of the inception

• Inform the brand position with user research

• Strategize components for Brand Communication, Personality, Guidance, and Identity

• Use systems to create statements for brand positioning, research questions, etc.

• Test brand for awareness with methods like Recall Testing

Content Architecture

The 4th of the #10-WEB series – Content Architecture – explores 1 attribute of Data Architecure, and Information Architecture. This attribute is cardinality.

Upon completion, you'll know how to:

• Identify relationships between any 2 content entities with cardinality

• Make Conceptual and Logical data models

• Organize information by structure and schemes

• Visualize content architectures with UML diagrams, wireframes, and wireflows

• Test an Information Architecture (IA) with methods like card sorting and tree testing

Content Design

The 5th of the #10-WEB series – Content Design – explores 2 elements of UX Writing, Content Writing, and Copywriting. These 2 elements are composition and rhetoric.

Upon completion, you'll know how to:

• Utilize dictions and punctuations to compose clear and coherent sentences

• Express compositions in different rhetorics like writing genre, stance, style, and brand

• Create Microcopies for components of Brand Communications and User Interfaces

• Structure Content Writing types

• Make landing pages for Clickthroughs and Lead Generations

• Tap a literary style guide for writing consistency

• Use a microcopy format, content framework, and copywriting formulas

• Test contents for understanding with methods like Cloze Test

Visual Design

The 6th of the #10-WEB series – Visual Design – explores 4 elements for Icon Designs, Brand Identity (BI) Designs, and User Interface (UI) Designs. These attributes are shape, color, space, and font.

Upon completion, you'll know how to:

• Manipulate shapes

• Narrate Colors, use modes, and create a brand color palette for any theme, scheme, and gradients.

• Leverage +ve and -ve spaces to create layout alignments

• Check, choose, and pair fonts. As well as, use typographic features to typeset UI content.

• Design the 3 styles of Icon systems – outline, solid, and dual-path.

• Design Brand Identity elements like logo, mascot, and graphic patterns.

• Design UI components like Prose, and UI Patterns like Navigations.

• Utilize Design Styles like NeoBrutalism and Art movements like Bauhaus

• Use Design principles for Visual Hierarchy and Human Perception

• Test visuals for perceptions with methods like blur test, first-click test, and 5-second test

Motion Design

The 7th of the #10-WEB series, Motion Design, extends the visual design with 2 elements for Micro-interactions, UI Animations, and BI Animations. These elements are sound, and spacetime.

Upon completion, you'll know how to:

• Identify and utilize sounds of different instruments

• Interpolate spacetime properties of sound and visual design elements

• Create micro-interactions for User-triggered or System-triggered UI entities

• Make animations for product launch videos, and brand identity components.

• Plan an animation with storyboards

• Use principles of animation and human-computer interactions

Frontend Development

The 8th of the #10-WEB series, Frontend Development, explores 5 web standards for client-side development. These standards are HTML, SVG, CSS, JS, and JSON.

Upon completion, you'll know how to:

• Markup UI components with HTML phrasing, block, sectioning, landmark, and metadata elements.

• Draw 2D vector graphics with SVG elements.

• Utilize CSS rules to typeset, layout, animate, and add effects that styles HTML and SVG elements

• Script the DOM with JS data types, operators, and statements

• Structure content with JSON data types

• Create with Web Components, Build Progressive Web Apps (PWA), Design 2D/3D graphics, etc.

• Use CSS Methodologies and Javascript Paradigms

• Test for usability through methods like Cross-browser testing, and Screen reader testing.

Backend Development

The 9th of the #10-WEB series, Backend Development, explores 2 components of a website server software for server-side development. These components are an app server, and a database server.

Upon completion, you'll know how to:

• Compute webpages through a web app server

• Query data from any 5 genres of a database management system (DBMS)

• Create Monolytic Apps, Develop an API, and Create Microservices.

• Use Development Patterns and Principles

• Test implementations with methods like data mapping, box testing, and load testing

Web Growth

The 10th of the #10-WEB series – Web Growth – explores the tooling systems for the author, creator, and product growth. Also, It focuses on non-standards over the web standards used for the previous 8 books.

Get started with a 2-minute survey

Help make the web for all of us

Everyone deserves access to the wonders of the web. From those of us born with some form of disabilities to those that may acquire it later. Or those disabilities nature brings temporarily.

Engineer with No Stress

If you're tired of cramming search tricks only to find unordered conflicting guides which you may end up not understanding, this is for you!

Enjoy Solo One Learner Experience

The curriculum becomes your curriculum when you personalize the 6-step publishing process.

1. Outlined for self-study

   You can move ahead of the cohort by digging into the roadmap all by yourself. It's formatted for self-study.

2. Drafted with practical experience

   The guides are influenced by 3 diverse case studies. One market-ready product (Toheeb Workflow), many market-fit products (competition), and some adjacent products.

3. Written with no prior experience needed

   Guides are written from the ground up and in-depth. Great for beginners and useful for advanced learners.

4. Presented in 4 learning styles

   You can learn by reading, listening, seeing, or doing. So there's a style that fits you without cognitive stress.

5. Validated through feedback

   For cohort members, you get your questions answered before publishing.

6. Published in all language directions

   Guides will be available in English, Arabic MSA, and Chinese Mandarin. A wishful act to cover all writing systems of the web. And in return, it helps the practicality of the books on internationalization.

Get started with a 2-minute survey

Enjoy Many One Learner experience

Join #10xWE – A cohort of the next 10 hundred thousand Web Engineers networking to shape the future of the web.

Get started with a 2-minute survey