Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .gitattributes
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
/courses/Foundation/web-architecture-101/presentation/web-architecture-101.pdf linguist-generated=true
/courses/Foundation/web-architecture-101/presentation/web-architecture-101.zip linguist-generated=true
/courses/Foundation/intro-to-web-architecture/presentation/intro-to-web-architecture.pdf linguist-generated=true
/courses/Foundation/intro-to-web-architecture/presentation/intro-to-web-architecture.zip linguist-generated=true
2 changes: 1 addition & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Ignore hidden Mac OS directory files
**/.DS_Store
courses/foundation/web-architecture-101/presentation/web-architecture-101/
courses/foundation/intro-to-web-architecture/presentation/intro-to-web-architecture/
node_modules/
support/dist/

Expand Down
2 changes: 1 addition & 1 deletion .prettierignore
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/contributing/meetings/
/courses/foundation/web-architecture-101/HYF Web Architecture 101/
/courses/foundation/intro-to-web-architecture/HYF Intro to Web Architecture/
/courses/frontend/advanced-javascript/week1/session-materials/movies.js
/support/dist/
8 changes: 4 additions & 4 deletions SUMMARY.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,10 +43,10 @@
- [Preparation](courses/foundation/intro-to-javascript/week4/preparation.md)
- [Session Plan](courses/foundation/intro-to-javascript/week4/session-plan.md)
- [Assignment](courses/foundation/intro-to-javascript/week4/assignment.md)
- [Web Architecture 101](courses/foundation/web-architecture-101/README.md)
- [Preparation](courses/foundation/web-architecture-101/preparation.md)
- [Session Plan](courses/foundation/web-architecture-101/session-plan.md)
- [Assignment](courses/foundation/web-architecture-101/assignment.md)
- [Intro to Web Architecture](courses/foundation/intro-to-web-architecture/README.md)
- [Preparation](courses/foundation/intro-to-web-architecture/preparation.md)
- [Session Plan](courses/foundation/intro-to-web-architecture/session-plan.md)
- [Assignment](courses/foundation/intro-to-web-architecture/assignment.md)
- [Databases](courses/foundation/databases/README.md)
- [Week 1](courses/foundation/databases/week1/README.md)
- [Preparation](courses/foundation/databases/week1/preparation.md)
Expand Down
8 changes: 4 additions & 4 deletions contributing/proposals/js-node-restructure.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,13 +51,13 @@ This is schemas for current module structures. I will use the same **color-codin

Introduce small reusable logic/function tasks already in the final week (e.g., calculating prices, transforming arrays) and encourage saving the code — these will be reused in API or frontend in later modules.

### 2. Module: Web Architecture 101
### 2. Module: Intro to Web Architecture

**Duration**: 1 week\
**Purpose**: Introduce shared concepts between frontend and backend. Creates a unified mental model before Introductions for specialisations and removes duplicates from modules (like API explanations).\
**Note**: It, probably, will require some new material there (we didn’t have architecture before), but we can always just stick to the topics that was introduced before in old modules.

#### Topics for Web Architecture 101 [not limited to]
#### Topics for Intro to Web Architecture [not limited to]

- Client vs Server
- What is Backend?
Expand All @@ -74,7 +74,7 @@ Introduce small reusable logic/function tasks already in the final week (e.g., c

**Duration**: 1 week\
**Purpose**: Provide a hands-on primer to backend development. Enables learners to build a basic working backend (simple CRUD server or even less).\
**Reasoning**: Placing backend first in hands-on development allows learners to apply their JavaScript fundamentals while reinforcing their understanding of APIs introduced in Web Architecture 101. This progression is both natural and confidence-building: learners already know how to write logic, and now they can wrap it in endpoints (basically, another level of functions). Starting here also clarifies the API before they consume it from the frontend side.
**Reasoning**: Placing backend first in hands-on development allows learners to apply their JavaScript fundamentals while reinforcing their understanding of APIs introduced in Intro to Web Architecture. This progression is both natural and confidence-building: learners already know how to write logic, and now they can wrap it in endpoints (basically, another level of functions). Starting here also clarifies the API before they consume it from the frontend side.

#### Topics for Introduction to Backend

Expand Down Expand Up @@ -173,6 +173,6 @@ Introduce small reusable logic/function tasks already in the final week (e.g., c

_Option 1_: It might be natural to introduce separate files in «Introduction to Backend», and then mention in «Introduction to Frontend» how it is solved there.

_Option 2_: Introduce idea of structuring files (and import/export) on «Web Architecture 101» session.
_Option 2_: Introduce idea of structuring files (and import/export) on «Introduction to Web Architecture» session.

_Option 3_: Not to give this concept in Foundation, because it seems like it can be done in one file, and later they will have to have separate files in React / Node anyway.
28 changes: 14 additions & 14 deletions courses/foundation/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,19 +4,19 @@ Here you'll learn the fundamentals for how the web works, the basics of programm

## Modules

| Name | Weeks |
| -------------------------------------------------------- | --------------- |
| [HTML & CSS](./html-and-css/README.md) | 1 |
| [Git](./git) | 1 |
| [Intro to Using AI](./intro-to-using-ai/README.md) | 1 |
| [Intro to JavaScript](./intro-to-javascript/README.md) | 4 |
| [Web Architecture 101](./web-architecture-101/README.md) | 1 |
| [Databases](./databases/README.md) | 1 |
| [Intro to Backend](./intro-to-backend/README.md) | 1 |
| [Intro to Frontend](./intro-to-frontend/README.md) | 1 |
| [Intro to Agile](./intro-to-agile/README.md) | 1 |
| [Career Training](./career-training/README.md) | 3 (1 in person) |
| [Final project](./final-project/README.md) | 3 |
| Name | Weeks |
| ------------------------------------------------------------------ | --------------- |
| [HTML & CSS](./html-and-css/README.md) | 1 |
| [Git](./git) | 1 |
| [Intro to Using AI](./intro-to-using-ai/README.md) | 1 |
| [Intro to JavaScript](./intro-to-javascript/README.md) | 4 |
| [Intro to Web Architecture](./intro-to-web-architecture/README.md) | 1 |
| [Databases](./databases/README.md) | 1 |
| [Intro to Backend](./intro-to-backend/README.md) | 1 |
| [Intro to Frontend](./intro-to-frontend/README.md) | 1 |
| [Intro to Agile](./intro-to-agile/README.md) | 1 |
| [Career Training](./career-training/README.md) | 3 (1 in person) |
| [Final project](./final-project/README.md) | 3 |

Total: 16 weeks

Expand Down Expand Up @@ -69,7 +69,7 @@ Total: 16 weeks
- [ ] Understand global vs local scope
- [ ] Using objects and arrays to store, access and manipulate more complex data

### [Web Architecture 101](/courses/foundation/web-architecture-101)
### [Intro to Web Architecture](/courses/foundation/intro-to-web-architecture)

- [ ] Understand the key components of a web application
- [ ] Know what happens when you enter a URL in a web browser
Expand Down
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Web Architecture 101
# Intro to Web Architecture

The purpose of this module is to provide a mental model of how web sites work, some of the key terminology and how these concepts relating to the coming modules on the course.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

Before the session, please read/watch these materials to get familiar with the basic concepts:

- [Web Architecture 101](https://medium.com/storyblocks-engineering/web-architecture-101-a3224e126947) - Comprehensive introduction to web architecture fundamentals
- [Intro to Web Architecture](https://medium.com/storyblocks-engineering/intro-to-web-architecture-a3224e126947) - Comprehensive introduction to web architecture fundamentals
- [Everything You Need to Know to Become a Junior Web Developer](https://medium.com/geeks-for-tech/everything-you-need-to-know-to-become-a-junior-web-developer-7ff429df477) - Explains client-server model and roles
- [Client server model](https://www.youtube.com/watch?v=L5BlpPU_muY) (6 min)
- [The structure of a web application](https://www.freecodecamp.org/news/how-the-web-works-part-ii-client-server-model-the-structure-of-a-web-application-735b4b6d76e3/) - Read up until the "That's all folks! (Well, sorta…)" part
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

These are some examples of previously created materials by mentors that you can use yourself, or for inspiration.

- Web Architecture 101 ([key](session-materials/web-architecture-101.key), [pdf](session-materials/web-architecture-101.pdf), [zip](session-materials/web-architecture-101.zip) by [@rvedotrc](https://github.com/rvedotrc))
- Intro to Web Architecture ([key](session-materials/web-architecture-101.key), [pdf](session-materials/web-architecture-101.pdf), [zip](session-materials/web-architecture-101.zip) by [@rvedotrc](https://github.com/rvedotrc))

## Session outline

Expand Down
4 changes: 2 additions & 2 deletions support/src/documentationHelpers/programStructure.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,8 @@
"location": "courses/foundation/intro-to-javascript"
},
{
"name": "Web Architecture 101",
"location": "courses/foundation/web-architecture-101"
"name": "Intro to Web Architecture",
"location": "courses/foundation/intro-to-web-architecture"
},
{
"name": "Databases",
Expand Down