Web Developer Bootcamp Day One

Tags: webdeveloperbootcamp2020, coltsteele, udemy
Published: 2020-10-12 22:09:25

The [course](https://www.udemy.com/course/the-web-developer-bootcamp) is 60+ hours of full stack JavaScript with a massive CRUD app to build out. 

I've listed all the sections below



12/10/2020
~~Section 1:~~ Course Orientation

~~Section 2:~~ An Introduction to Web Development

Concepts:
* *The Internet* is the backbone of the Web, the technical infrastructure that makes the Web possible. At its most basic, the Internet is a large network of computers which communicate all together.(from MDN)

a fun article [here](https://www.bbc.co.uk/bitesize/topics/z7wtb9q/articles/z3tbgk7) 

* the web (also email, file sharing, online gaming, streaming services)

text from [BBC](https://www.bbc.co.uk/bitesize/topics/zkcqn39/articles/z2nbgk7)
  Many people think that the internet and the world wide web are the same thing. While they are closely linked, they are very different systems.

The internet is a huge network of computers all connected together. The world wide web (‘www’ or ‘web’ for short) is a collection of webpages found on this network of computers. Your web browser uses the internet to access the web.

So when you get home from school and ask to go on the internet, you should really say, ‘Can I look at some of the world wide web?’.

*HTTP (Hypertext Transfer Protocol)* Allows HTML documents to be requested and transmitted between browsers and web servers via the internet.

* Request/Response Cycle
[an article here](https://medium.com/@jen_strong/the-request-response-cycle-of-the-web)

* Front-End, Back-End

source, GeeksforGeeks
Difference between Frontend and Backend: 

Frontend and backend development are quite different from each other, but still, they are two aspects of the same situation. The frontend is what users see and interact with and backend is how everything works.

Frontend is the part of the website users can see and interact with such as the graphical user interface (GUI) and the command line including the design, navigating menus, texts, images, videos, etc. Backend, on the contrary, is the part of the website users cannot see and interact with.

The visual aspects of the website that can be seen and experienced by users are frontend. On the other hand, everything that happens on the background can be attributed to the backend.

Languages used for front end are HTML, CSS, Javascript while those used for backend include Java, Ruby, Python, .Net .

* HTML, CSS, JS

Setting Up Our Developer Environment:
* Chrome, VS Code

Section 3: HTML: The Essentials
Section 4: HTML: Next Steps & Semantics
Section 5: HTML: Forms & Tables
Section 6: CSS: The Very Basics
Section 7: The World of CSS Selectors
Section 8: The CSS Box Model
Section 9: Other Assorted Useful CSS Properties
Section 10: Responsive CSS & Flexbox
Section 11: Pricing Panel Project
Section 12: CSS Frameworks: Bootstrap

Section 13: JavaScript Basics!
Section 14: JavaScript Strings and More
Section 15: JavaScript Decision Making
Section 16: JavaScript Arrays
Section 17: JavaScript Object Literals
Section 18: Repeating Stuff With Loops
Section 19: NEW: Introducing Functions
Section 20: Leveling Up Our Functions
Section 21: Callbacks & Array Methods
Section 22: Newer JavaScript Features
Section 23: Introducing The World Of The DOM
Section 24: The Missing Piece: DOM Events
Section 25: Score Keeper CodeAlong

Section 26: Async JavaScript: Oh Boy!
Section 27: AJAX and API's
Section 28: Mastering The Terminal

Section 29: Our First Brush With Node
Section 30: Exploring Modules & The NPM Universe
Section 31: Creating Servers With Express
Section 32: Creating Dynamic HTML With Templating
Section 33: Defining RESTful Routes
Section 34: Our First Database: MongoDB
Section 35: Connecting To Mongo With Mongoose
Section 36: Putting It All Together: Mongoose With
Express
Section 37: YelpCamp: Campgrounds CRUD
Section 38: Middleware: The Key To Express
Section 39: YelpCamp: Adding Basic Styles
Section 40: Handling Errors In Express Apps
Section 41: YelpCamp: Errors & Validating Data
Section 42: Data Relationships With Mongo
Section 43: Mongo Relationships With Express
Section 44: YelpCamp: Adding The Reviews Model
Section 45: Express Router & Cookies
Section 46: Express Session & Flash

Section 47: YelpCamp: Restructuring & Flash
Section 48: Authentication From "Scratch"
Section 49: YelpCamp: Adding In Authentication
Section 50: YelpCamp: Basic Authorization
Section 51: YelpCamp: Controllers & Star Ratings
Section 52: YelpCamp: Image Upload
Section 53: YelpCamp: Adding Maps
Section 54: YelpCamp: Fancy Cluster Map
Section 55: YelpCamp: Styles Clean Up
Section 56: YelpCamp: Common Security Issues
Section 57: YelpCamp: Deploying