System Design Prep: What's the best resource to build a Web application end-to-end?

I'm from a non-CS background but took some undergraduate courses (OS/Architecture/Assembly/DS/Algorithms/Networks) to learn CS. I worked with web applications before and I can understand the high level system design architecture. I read Designing Intensive Data Applications and worked through a few cases in grokking system design. However, not building a web application end-to-end (not even a CRUD app) makes me feel like I have gaps in my understanding of some components - like front-end, databases, etc. Can someone point me to a good resource where I can learn by building a web application end-to-end (while learning what each component does) before jumping in to system design interviews? I recently joined Microsoft and I almost have an year to prepare for interviews. So I want to build on basics first. I'm looking for any structured resource like a course/book where I can build a web application. Something like these (preferably with Python/C/C++ for server-side programming): https://online-learning.harvard.edu/course/cs50s-web-programming-python-and-javascript OR https://www.amazon.com/Learning-Web-App-Development-JavaScript/dp/1449370195/ref=sr_1_2?crid=18EG0VV9M6R6W&dchild=1&keywords=learning+web+app+development&qid=1597510442&sprefix=learning+web+app%2Caps%2C206&sr=8-2 #google #facebook #systemdesign

Learning Web App Development: Build Quickly with Proven JavaScript Techniques
Learning Web App Development: Build Quickly with Proven JavaScript Techniques
Amazon
CS50's Web Programming with Python and JavaScript
CS50's Web Programming with Python and JavaScript
Harvard Online Courses
Tesla 🐉⛈ Aug 15, 2020

Designing data intensive applications

Microsoft fcookie OP Aug 15, 2020

I read DDIA but i'm looking for something practical!

Copper SheHerHers Aug 15, 2020

Just start building a website/server. You don’t need to read a book to get going. Setup a flask server on a DigitalOcean droplet. Then decide what direction you want to go with your project.

Microsoft fcookie OP Aug 15, 2020

I want to build something like that. I learn better with structured learning resources like a course or book!

Copper SheHerHers Aug 15, 2020

Flask has a good tutorial with a good sample project to get started. It’s better to learn by doing and then take breaks for research when you’ve hit a wall. For example, go through the tutorial, create the sample server. Once you are serving from Localhost then it’s time to investigate how to put in on the cloud.

Affirm sh3zam Aug 15, 2020

No brainer. Grokking the system design interview. The best.

Microsoft fcookie OP Aug 15, 2020

I did a few cases in grokking and felt it was too high-level

This comment was deleted by the original commenter.
Microsoft fcookie OP Aug 16, 2020

any sources for distributed systems stuff?

New
mynameismc Aug 15, 2020

I've had some good experience with the website highscalability

Microsoft fcookie OP Aug 16, 2020

highscalability is really good but I need get my hands dirty with some low level stuff first.