Fullstack Node.js and Express Bootcamp with Real Projects

Understand how web applications work by exploring the three core patterns—data communication, storage, and presentation—along with how browsers, web servers, templates, and data fetch drive dynamic pages.

Explore how a web application uses the client, network, and server to exchange requests and responses via http, map resources to URIs, and handle data with templates.

Explore data storage patterns by comparing static and dynamic data, and learn how databases, structured query language, and object-relational mappers model and manipulate stored data.

Explore how web apps present data using templates, templating languages, and templating engines. Learn to render dynamic data with loops and conditionals into HTML that the browser can display.

Explore the web application architecture, from the user and browser to the web server and data storage, and see how databases and SQL power data management.

Begin by learning how Node.js and Express implement web applications, explore MVC architecture, models, controllers, and views, and examine templating engines and project structure to build real projects.

Understand the MVC pattern as an architectural pattern that separates data, presentation, and user interaction into model, view, and controller, enabling scalable development and test driven development.

Implement the traditional MVC pattern in Node.js and Express.js, mapping model, view, and controller within a middleware-oriented Express app, and understand the project structure.

Create a basic node.js application by installing node and npm, initializing a package, writing a simple index.js, and running the server on localhost:3000 to view a hello world app.

Create a basic Node.js Express app by initializing npm, installing Express, writing an app.js with a hello world route, and starting the server on a local port.

Explore how to define and use models in a Node.js and Express.js app, using the MVC pattern and an object-relational mapper to map models to database tables.

Explore data storage in Node.js and Express apps using ORMs like Sequelize to simplify database work, protect against SQL injection, and support multiple databases.

Master implementing controllers in node.js and express.js within the mvc pattern, writing JavaScript functions that handle requests and responses, and interact with models via URL patterns.

Create routers and controllers in node.js and express, and map url patterns to controller methods. Register routes with the app and handle get and post requests using express.

Explore how to work with views and templating engines in node.js and express.js, implement the MVC pattern, install handlebars or jade, and render dynamic content with views.

Explore a robust node.js and express project structure using the mvc pattern to scale and maintain apps, with controllers, models, migrations, seeds, services, forms, and views.

Explore the MVC pattern, implement MVC in Express, build a basic model-driven Node app, and work with data storage, controllers, templating engine, and the project structure.

Set up a local node.js and express project to build a simple note-taking application, covering project setup, models, controllers, views, and validation.

Set up the notely web app project by creating a new project, testing it, linking a big bucket code repository, connecting to source control, and installing essential packages.

Review the Notely app requirements, including a home page listing notes, a create/edit/detail flow, and full create, read, update, and delete functionality with subject validation to prevent saves.

Create and configure the notes model in a Node.js app by initializing the ORM, generating migrations, updating the database, and validating the model structure.

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.

Create the note controller to handle get and post requests, render the note list and empty form, and save or delete notes in the database.

Create a note controller part two that handles fetching, editing, and deleting notes using promises, rendering templates, and updating isDeleted to true.

Create the app's router and url patterns by mapping routes to controller functions with express, handling get and post. Register the router with the app, using dynamic ids.

In this lecture, learn to create and wire up note views using moon dogs templating engine in an Express app, including index, create, edit, and detail pages with Bootstrap styling.

Learn how form validation works, comparing manual vanilla forms with a form package that automatically handles validation and error display, plus browser-level required field checks.

Recap the section by summarizing the topics covered: local setup, models, database migrations, controllers, views, and validation.

Gain knowledge of history UML through a crash course on CML to support building a full stack application; cover structure, elements, attributes, GMO void elements, and the document object model.

Learn the HTML document structure, including doctype, html, head with title and meta, and the body. Identify four content patterns—horizontal and vertical layouts within containers and sections.

Explore the history of HTML elements and how inputs, buttons, and images work. Discover basic forms and the role of headers, tables, and image elements.

Explore the structure of an html element, including opening and closing tags, self-closing tags, and how content and attributes like src define div, img, and input elements.

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.

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.

Identify and work with HTML void elements that do not accept content and use self-closing tags, with examples like input, image, hr, link, meta, and source.

Explore structuring HTML email documents and integrating CSS and JavaScript, using inline and external styles, header links, and placing scripts at the bottom or in separate files for scalable development.

Define the document object model as object-based representation of a document, exposing elements through properties and methods for manipulation with JavaScript, including reading and writing DOM properties and accessing elements.

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.

Learn the fundamentals of csx styling in this front-end section, covering inline csx, embedded csx, and external csx, selectors, cascading, units, and shorthand and custom properties.

Master CSS basics, including syntax, selectors, and declarations, and learn to style text and the box model with font-family, font-size, font-weight, margins, borders, and flexbox.

Learn inline style syntax and when to apply inline styling, assess downsides, and see why moving styles to a separate stylesheet improves reuse with dynamic content and email templates.

Develop proficiency with embedded style by placing the style element in the head. Learn the embedded style syntax, selectors, and when to use or avoid embedded styles.

Create an external style sheet with a .css extension and link it to your HTML document using the link element, using the correct relationship and relative path.

Master CSS selectors in the fullstack Node.js and Express bootcamp by identifying and styling elements with id, class, type, attribute, child, and descendant selectors, plus practical implementation.

Explore how cascading selects style rules across inline, embedded, and user styles, and how specificity and the important rule determine which declaration wins.

Learn how CSS units work, compare absolute units (px, cm, mm) with relative units (em, rem, percent), and understand when to use them to achieve responsive, scalable layouts across devices.

Explore how CSS shorthand properties compactly set multiple values and how custom properties define reusable values with var(). Understand global and local scope and apply shorthand and custom values.

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.

This crash course shows how SAS writes front-end styles and compiles to CSX, covering variables, operators, flow control, functions, extend directive, and body element modifier for scalable components.

Explore the basics of Sass, why we need Sass in large-scale front-end projects, and how to structure and compile Sass to CSS using Ruby-based tools.

Explore the basic Sass syntax, compare scss syntax and indented syntax, and learn how their formats, extensions, and compatibility affect writing Sass code in projects.

Learn how to declare and assign SAS variables, work with default values and global versus local scope, and reuse variables across your code with practical examples.

Discover SAS operators and their types, including arithmetic, comparison, and logical operators. Learn how these operators act on variables to produce results, enable condition checks, and drive SAS program logic.

Learn how SAS flow controls enable decision making in SAS programs by using if, each, for, and while constructs, with practical examples of applying loops and conditions.

Explore how SAS functions work, including custom and built-in functions, and learn to create your own function with parameters to perform color transformations like lighten, darken, and mix.

Learn how to split Sass projects into partials, name files with underscores, and import them into a main Sass file for clean, maintainable CSS that is compiled to CSS.

Explore how Sass mixins enable reusable CSS blocks for consistent styling. Create and use mixins with parameters via include directives and apply them across your project.

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.

Explore sas output style and learn how to control csf and csx formats using output types such as nested, compact, compressed, and expanded via command line flags.

Explore the block element modifier (bem) methodology and how a standard naming convention keeps CSS maintainable and consistent in large front-end projects, with block element and modifier syntax.

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.

Learn a JavaScript crash course that covers statements, expressions, variables, data types, operators, functions, arrays, objects, and promises, powering dynamic front-end and basic back-end applications for the course projects.

Understand JavaScript expressions and statements, including arithmetic, string, logical, and assignment expressions, and explore declaration, conditional, iteration, and function statements with practical examples.

Explore how to declare and assign JavaScript variables, understand scope, and distinguish global and local variables, with examples of console.log results.

Explore JavaScript data types, including primitive and non primitive categories, with numbers, booleans, undefined, null, and objects, plus key operations like arithmetic, concatenation, and property manipulation.

Explore the types of JavaScript operators—arithmetic, assignment, comparison, logical, and conditional—and see real-life examples with A and B variables, including increment, decrement, and modulo in a live environment.

Explore JavaScript functions, define what they are, and master declaring and calling them, with emphasis on function parameters, function name, written statement, and the function body.

Explore JavaScript objects by defining properties and methods, using object literals and constructors, and accessing attributes with dot notation through a football example.

Explore JavaScript arrays, including definition, initialization, and access by index, with practical demonstrations of push, pop, join, splice, filter, every, forEach, and length.

Explore JavaScript promises, from creating and using them to consuming outcomes in future events. Learn promise states (pending, fulfilled, rejected) and methods like then, catch, resolve, and reject.

Define JavaScript modules and learn how to structure a large-scale application by breaking code into modules, exporting and importing functions and constants across files.

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.

Develop a big-picture understanding of the building materials business and its online and offline operations. Define client problems and design criteria to shape the high-level software solution.

Explore the building materials business, its business-to-customer and business-to-business models, and the hybrid brick-and-mortar and online approach, with core components: inventory management, accounting, logistics, and customer service.

Define the problem for Building Materials Inc. as a move from manual brick-and-mortar operations to an online e-commerce platform, addressing online competition, data security, and missing analytics.

Define the design criteria for a scalable, maintainable, reliable, and highly available e-commerce solution. Ensure integration with accounting, inventory, and logistics, support customer-facing and admin features, and target 99.9% uptime.

Design a scalable fullstack app with Node.js and Express, implementing a product catalog, shopping cart, checkout, and order management, plus customer registration and authentication using the mvc pattern.

Review the section to outline how we define the building materials business problem, establish design criteria to judge success, and create the software solution.

Identify and define software requirements for a material store project, including product catalog, shopping cart, checkout, customer authentication, and administration, then set up the project accordingly.

Explore the product catalog specification as a core feature for the digital materials store, detailing homepage product lists, pagination, categories and brands, add-to-cart actions, and a visible cart.

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.

Examine the customer registration specification for an ecommerce app: anonymous users can browse the catalog and add to cart, but checkout requires registration and authentication.

Implement robust customer authentication and authorization, enforcing login to access checkout and profile management, with registration, password reset, factor authentication, and support for social or native credentials.

Explore the BMES admin specifications for inventory, order, and user management in a materials ERP, detailing admin capabilities to manage inventory, fulfill orders, and resolve customer issues.

Set up a BMES project, run it to confirm functionality, create a Big Bucket repository, connect to source control, and install packages including a templating engine, migrations, and forms.

Explore product catalog, shopping cart and checkout specifications, and customer registration and authentication. Learn administration module design and complete project setup with packages, source control, and testing.