Node & Express App

Focused View

Stephen Brooks

4:13:25

13 View

1. Building the front end

1.1 Coding with Node & Express.pptx

1. Preview of project.mp4

04:48

2. The difference between a full stack, front end and back end developer..mp4

01:59

3. Starting with the design before code.mp4

03:35

4. Setting Up Shop.mp4

05:47

5. Building the pages from our design.mp4

07:16

6. Adding to our HTML page.mp4

05:16

7. Continuing with the front end.mp4

08:20

8. Working with JavaScript and how we will use it..mp4

02:02

9. JavaScript - variables, strings, booleans, numbers, and comments..mp4

04:50

10. JavaScript - coding our logic for data and decision making..mp4

03:27

11. JavaScript - functions with logic and reusable code..mp4

05:23

12. JavaScript - Arrays and Objects..mp4

04:00

2. Creating our server

1. Now that we have worked on the front, lets start with the server.mp4

05:46

2.1 json packages.txt

2.2 server file.txt

2. Adding more to our server.mp4

05:55

3. MongoDB - using the CRUD method

1. MongoDB - setting up an accoun.mp4

04:47

2. MongoDB - connecting to our database from our code editor..mp4

06:39

3. Creating schemas with our mongoose conenction.mp4

09:01

4. MongoDB - Schemas.mp4

04:02

4. Refactoring to MVC & Build EJS Pages

1. Scaffolding our project.mp4

08:09

2. Creating pathways for Models, Views and Controllers.mp4

15:00

3. EJS - our new HTML layout.mp4

08:56

4. Building Our Home Page.mp4

09:46

5. Building more on our pages with more styles.mp4

08:09

5. User accounts, protected routes, blogs and gallery data

1. Creating user accounts & logging in.mp4

12:02

2. Protecting A Route & Creating Blogs.mp4

11:29

3. Dynamic Gallery Page.mp4

14:26

6. Setting up and using Nodemailer

1. Setting up your Google account for an app.mp4

15:00

2. Finishing up with nodemailer.mp4

13:21

3. Form submission message.mp4

01:13

7. Adding more data to our pages

1. Using data to fill in our about page.mp4

13:10

2. Finishing app adding data to our pages and our project.mp4

14:51

8. Deploying to Heroku

1. Deploying to Heroku & Setting up Github.mp4

15:00

Description

Building full stack apps with express and node.js

What You'll Learn?

Building front end pages with HTML, CSS, JavaScript, and bootstrap. Learn about semantic tags in HTML, how it affects SEO.
Create a server with Express, implement Node packages for our app.
Connect to our database and manage our data using the CRUD method.
Learn how to submit forms with node mailer, using Gmail as smtp.
Register and login for protected routes and form validation on pages with forms with javascript.

Who is this for?

Some people with knowledge of the front end, or even beginners.

What You Need to Know?

Experience with html, CSS and javascript is recommended but necessary to take the course. I explain as I build, but not an in-depth course on the basic front end.

More details

Description
This course starts with introduction of the entirety of the project. Presented in power point, about 9 slides, to cover a breakdown or what to expect. Then we go into installing the needed tools to begin our project. There are three installations needed, which are explained.
After we had installed the necessary programs, we go into HTML, a very light introduction to it. Just really covering what we will use. The I go into CSS to explain how it is applied to our HTML. Then we go into javascript and I show how we will use it later on.
Then we go into using a material design for bootstrap. A CSS and javascript framework with out of the box code ready to use. Next we create our server with Express.js, show it running in the console, using dotenv for holding the values.
After the server is explained, we go into using MongoDB, creating an account, connecting to it with our app. Connecting to it may come across bugs or issues, but analyzing what you did and reading what the console window says. We then reactor to MVC for better usage of files and separation of concern.
Change our HTML to EJS, managing files in separate folders to display on the pages, and handling the data from our database. We then go into how to use node mailer, set up GitHub, and deploy with heroku in the end.
Who this course is for:
Some people with knowledge of the front end, or even beginners.

User Reviews

Rating

average 0

Total votes0

Focused display

Web Developer since 2016, started with Bottega Tech University and continued learning through Udemy courses myself. I have purchased a lot of courses because of the consistent quality brought by other developers. I have been freelancing as a web developer for a couple of years and I faced the fact that I'd rather teach others how to do it as well.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.