Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Fullstack Node.js and Express Bootcamp with Real Projects

Name: Fullstack Node.js and Express Bootcamp with Real Projects
Rating: 4.2 (49 reviews)

Learn How To Build an E-commerce app Using Node, Express, Sequelize, Nunjucks, HTML, CSS, Bootstrap, JavaScript

Created byEbenezer Ogbu

Last updated 2/2020

English

What you'll learn

Learn how web applications work
Learn how NodeJS and Express Implements web applications
Understand HTML and how to use it to create mark-ups for web pages
Understand CSS and how to use it to style web pages
Understand Sass and how to use it to write styles programmatically
Understand JavaScript and how to use to add interactions to web applications
Learn how to analyse a customer’s problem and generate the software requirements for the project
Learn how to structure a large-scale project
Learn how to implement the all the functionalities of a complete eCommerce application which include: Product catalogue, Shopping Cart, Order and Checkout, Customer Management

Course content

16 sections • 144 lectures • 20h 47m total length

Getting Set for The Section1:32
What You Will Learn After Completing the Course3:27
About Your Instructor2:02
Meet your instructor, a software engineer with an electrical and electronics background, five years in software development, and founder of a tech company with safety engineering at Jaguar Land Rover.
Getting the Source Code0:56
About the Exercises2:14
Getting to Ask Questions1:21
Requirements for The Course4:18
Npm and Sequelize Commands0:37
Summary0:46

Getting Set for The Section2:43
Understanding the MVC Pattern7:21
Implementing The MVC Pattern In NodeJS and ExpressJS11:11
The Basic NodeJS App8:38
The Basic NodeJS and ExressJS App9:27
Working with Models in NodeJS and ExpressJS6:29
Working with Data Storage and ORMs In NodeJS and ExpressJS6:35
Working with Controllers In NodeJS and ExpressJS4:22
Working with URLs and Routers In NodeJS and ExpressJS3:43
Working with Views and Templating Engines In NodeJS and ExpressJS4:54
The Structure of a NodeJS and ExpressJS Project6:20
Summary1:16

Getting Set for The Section2:14
Setting Up the Notely App Project11:53
Reviewing the Requirements for Notely App4:30
Creating the Note Model20:44
Creating Database Migrations1:31
Create a database migration with the ORM by generating a model and its migration file via the command line, initialize the project, and run the migration in this bootcamp module.
Creating the Note Controller Part 120:00
Creating the Note Controller Part 212:43
Creating the App's Router and Url Patterns15:15
Creating the Note Views20:31
Implementing Validation4:15
Summary0:57

Getting Set for The Section3:55
Basic Structure of HTML Document19:33
Understanding the HTML Elements10:52
Structure of an HTML Element11:30
Working with HTML Attributes18:43
Discover how HTML attributes configure elements, including declaring multiple attributes, boolean attributes, and custom data attributes. Practice using id, class, href, style, and event attributes to control element behavior.
Working with HTML Element Content4:35
Learn how to define the contents of an HTML element, identify the parent and children, and recognize that content resides between opening and closing tags, including other elements or text.
Working with HTML Void Elements6:43
Getting to Know the Document Structure14:16
Making Sense of The Document Object Model (DOM)26:13
Summary5:36
Review the basic HTML document structure and DOM interactions with JavaScript, including opening and closing tags and void elements. Note best practices for separating CSS and JavaScript into separate files.

Getting Set for The Section5:41
CSS Basic Concepts18:45
Working with Inline Style10:21
Working with Embedded Style4:15
Working with External Style7:32
Working with CSS Selectors15:46
Understanding Cascading styling21:34
Working with CSS Units17:28
Working with Shorthand Properties and Custom Values14:36
Summary3:16
Discover core css concepts from inline, embedded, and external styles, and master cascading and specificity rules. Compare absolute and relative units, and use shorthand and custom properties for responsive styling.

Getting Set for The Section6:17
Sass Basic Concepts17:40
Basic Sass Syntax6:39
Working with Variables19:52
Working with Operators20:34
Working with Flow Controls26:50
Working with Functions12:55
Working with Partials12:16
Working with Mixins9:01
Working with Extend Directive22:33
Explore style objects, including selectors, declaration blocks, properties and values, and master standard and extend directives to share common declarations and reduce duplication across style objects.
Sass Output Style8:16
The Body Element Modifier (BEM) Methodology15:00
Summary3:06
This lecture summarizes the crash course progress, reviewing SAS basics, syntax, variables, operators, flow controls, functions, partials, and mixes, plus standard directives and block element modifier for large styling projects.

Getting Set for The Section7:21
Understanding and Working Statements and Expressions27:12
Understand JavaScript expressions and statements, including arithmetic, string, logical, and assignment expressions, and explore declaration, conditional, iteration, and function statements with practical examples.
Understanding and Working Variables10:37
Understanding and Working with Data Types10:56
Working with Operators20:36
Working with Functions9:38
Working with Objects13:54
Working with Arrays17:04
Understanding and Working with Promises15:46
Understanding and Working with Modules10:36
Summary4:07
Explore JavaScript crash course concepts from statements and expressions to variables, data types, operators, functions, objects and arrays, plus modules and promises, with focus on structure and index basics.

Getting Set for The Section3:49
Product Catalogue Specifications6:45
Shopping Cart and Checkout Specifications4:42
Navigate the shopping cart and checkout specifications, covering cart navigation, item removal, return to product catalog, and a checkout form that captures order details and creates order in the backend.
Customer Registration Specifications3:51
Customer Authentication Specifications4:03
BMES Administration Specifications3:16
Setting Up the BMES Project10:10
Summary1:16

Requirements

A computer with internet connection
Visual Studio Development Environment
Visual Studio Code Development Environment

Description

Description

This is a no holds barred, action packed, Full Stack Flask Web Development Course. To demonstrate My Confidence About This Course, I have created a CV that contains all the Concepts that I covered, and the Projects I have executed in this course. You can Take This Course and Start Looking for Job Immediately using the CV I have prepared.

Your prospective employer wants you to come onboard and start building applications for them straight away. That is what I did in this course. To provide the knowledge that will allow you go straight into the industry and start working immediately. With over 140 Lectures that cover Four Crash Courses, and Two Solid Real-World Projects, I did not leave any stone unturned!!

Basically, the whole course can be grouped into Three Main Themes:

Introduction to web Applications

Where I introduced how web applications work and how Node.js and Express implements web applications

The Crash Courses

Where I provided short but comprehensive mini courses on HTML, CSS, SASS, and JavaScript

Since, the course is a Full Stack (Front End and Back End) development course, the crash courses on HTML, CSS, SASS and JavaScript provide you with the knowledge to work on the Front End, while the JavaScript crash course provides you with the knowledge of the Back End Language.

The Real World Projects

Where I built Two SOLID Real-World Projects. The type of Projects that you will be working on when you get into the industry.

Who this course is for:

Beginners who do not have a prior experience with programming
Intermediate and Senior developers looking to start working with NodeJS and ExpressJS
Developers looking to gain more knowledge within full stack development

Fullstack Node.js and Express Bootcamp with Real Projects

What you'll learn

Explore related topics

Course content

Getting Set for The Course9 lectures • 17min

Web Application Basics5 lectures • 50min

How NodeJS and ExpressJS Implements Web Applications12 lectures • 1hr 13min

Meet Notely App: Our First Fullstack NodeJS and ExpressJS Project11 lectures • 1hr 55min

HTML Crash Course10 lectures • 2hr 2min

CSS Crash Course10 lectures • 1hr 59min

SASS Crash Course13 lectures • 3hr 1min

JavaScript Crash Course11 lectures • 2hr 28min

Building Materials E-Store (BMES): Our Real-Life Application6 lectures • 37min

BMES: Requirements and Project Set-Up8 lectures • 38min

Requirements

Description

Who this course is for: