This repo contains all the lectures and relevant content for the course
- Intro to course, Web Essentials
- Web Technologies and Architecture Overview
- HTML+ Git
- CSS + Flexbox + Bootstrap
- CSS
- JavaScript Core
- Javascript with DOM, JSON
- jQuery
- Introducing MEAN full stack development
- Basic Node and Express setup
- Building a static site with Node and Express
- Building a data model with MongoDB and Mongoose Part 1
- Building a data model with MongoDB and Mongoose Part 2
- Writing a REST API Part 1
- Writing a REST API Part 2
- Consuming a REST API
- Introducing AngularJS
- Project Vivas
- Authenticating users, managing sessions
- XML
- AJAX
- AJAX
- Search Technologies
- Adding AngularJS components to an Express application
- SPA 1
- SPA 2
- SPA 3
- Project Evaluations
- n/a
- n/a
Read the slides and references thoroughly. Quiz will be MCQ based.
The contents of slides and provided references and code files are sufficient to prepare for the exam. If you are clever, you will search google for "HTML exam questions" etc. to get an idea.
This is an architectural question. Even without app_api we were following MVC and the views, models and controllers all resided in the app_server folder.
What changed when the app_api folder was introduced and what is the advantage of doing that? The answer is... when app_api was introduced, new routes and associated controllers were defined and the models folder was moved to the app_api folder.
This is a HUGE change. Now the app_server has to send REQUEST to app_api routes for data. Because now it doesnt have the model.
The advantage of doing this is .... SEPARATING THE PRESENTATION LAYER FROM THE DATA LAYER....REUSABILITY.....the app_api routes can be used by any other application to serve information.
For example, I ask you to build an API for movies, you will just write the middleware that interacts with the movies database and test the routes with Postman and deploy your application. Now I will ask you to make two different applications for movies searching with different visual interfaces. So you see, you will be REUSING the same routes for different movie applications deployed on different servers perhaps.
In the exam, it is recommended to follow simple MVC without the app_api folder.
Some of you told me about getting errors for which you were not able to figure out the cause. As in every programming language, the compiler throws errors when things are wrong, and thankfully God gave developers the good sense to make and use a debugger :)
As in every IDE, VS Code also has a debugger. Please watch this 8 minute video https://www.youtube.com/watch?v=2oFKNL7vYV8 and learn how to debug your apps.
When an error occurs, VSCode reports the name of the file and the exact line number. I would suggest adding a breakpoint around that line to figure out whats wrong. Sometimes the reason is that some variables are not initialized and undefined. You can easily watch the data in your variables in debug mode. Desi way is it console log everything but we should use tools right? :)
The paper will be simply a case study. You will be given a scenario and for that you have to write the code to implement the back-end logic that addresses the user requests for that scenario.
You current case study Loc8r supports user requests like listing all locations and being able to view a location detail etc. What if a user wanted to search for locations by providing the location name and/or rating in a search form. How would you handle that request? Currently your home page displays only a list of locations. What if I wanted to display a list of reviewers on the home page too?
No
For windows users, its quite simple. You need to download and install MongoDB server https://www.mongodb.com/download-center/v2/community and this will also install MongoDBCompass. Go to Windows Services and start the MongoDB service. In MongoDB compass, provide the hostname and port values (input the same ones as suggested in the textbox) and click the green Connect button at the bottom.
If you want to convert HTML code to PUG, use : https://html2jade.org/
If you still want to use HTML instead of PUG, then how do you display the data in HTML passed from the controller?
For Example in the controller you wrote:
res.render("index", { title: "Express" });
Then in the index.html you will write:
<h1><%= title %></h1>
Also, in the app.js file you will need to make some changes: Change the line
app.set("view engine", "pug");
to
app.engine("html", require("ejs").renderFile);
app.set("view engine", "html");
because now our view engine is html, not pug Also, you will need to run the following commands in the terminal:
npm install ejs --save npm install path --save
Please refer to this link for explanation and usage of PATCH request method. https://restfulapi.net/http-methods/ The PUT request method will work fine but the choice of using a PATCH method over PUT is basically an optimization. We don't want to send big data like images again to the server in a PUT method instead specify only what has changed in a PATCH request.
Loc8r Case Study Code Repo https://github.com/simonholmes/getting-MEAN
JavaScript IIFE(Immediately Invoked Function Expression) https://developer.mozilla.org/en-US/docs/Glossary/IIFE
https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose
Mongose documentation https://mongoosejs.com/docs/guides.htm