Become a Modern Web Developer

Node.js provides a cross-platform server-side runtime for running JavaScript, and Express adds a minimal web framework for routing and HTML rendering.

Set up a Node.js project from a single file: create a directory, write a minimal app, and run it with node to start a full application from one file.

Download and install express with npm. Configure a standard app startup and apply basic routing to add pages and routes.

Set up Express by creating an app instance, configure npm and package.json for version control, and run a server that listens on the assigned port.

Configure a standard npm start script by setting scripts.start to run the proper startup command, such as node project/app.js, so the app starts correctly in both local and cloud deployments.

Configure express routing with simple get handlers and clean urls, using app.get to respond with hello world for the home route and a /routing path.

Learn to bootstrap a template to get pages up quickly, download and integrate a bootstrap template, customize it, and use node and express to inject data and render pages.

Configure a static directory in express to serve public resources, allowing bootstrap assets, css, and javascript to load via two static routes.

Harness Bouwer to manage bootstrap and jQuery assets, replacing hard-coded references and enabling version upgrades, with npm handling backend assets and a clean project structure.

Explore how gold serves as a powerful task manager for your projects. Use npm to bring golpe into the project and configure golpe to automate mundane tasks.

Use gulp-inject to automatically inject custom cssa and custom javascript into your html file by sourcing from public/cssa and public/sjs, and enable automatic reloading with gnomon for live updates.

Introduce gnomon to watch JavaScript files, restart the server on changes, and inject code live for faster development, using a server task that runs dependencies and logs restarts.

Configure golpe with npm to automate injecting assets into html pages and streamline repetitive setup tasks. Watch javascript files for changes and automatically restart the server to test updates.

Examine three popular templating engines—jade, handlebars, and ejay—and compare their templates, handlebars' double curly braces, and ejay's percent tag syntax for integration with html.

Install the Ejaz templating engine, configure app.set for views and the view engine, rename index.html to index.ejaz, and render a list from an array using a for loop.

Learn a sophisticated routing approach for a web app by adding pages and routes, configuring navigation, and moving routing code into separate files for clarity.

Wire the events pages to Express and Node, turning the events list into hyperlinks to a single event page via routes and ids, and replace hardcoded data with a database.

Explore Express routing features, add two new pages, and configure routes to navigate the app, then move routing code into new files to promote separation of concerns.

Set up mongodb in cloud9 by starting mongod with ip binding and no journaling, then use the mongo shell to verify the test database and install the mongodb npm package.

Insert hard-coded event data into a MongoDB database by creating a Mago DB client, defining the events collection, and using insert many to store the data.

Integrate MongoDB into your project, inject hard-coded data, query it, and display the results on your pages to build a fully functioning web app backed by a database.

Continue as a modern web developer by expanding the current Express project, exploring NPM packages, implementing web services, and publishing your project to the web through documentation-driven learning.

Thank you for taking this course; feel confident applying what you learned to future development, whether professional or personal. Signing off from Maui Hawaii, Brett Hooper, with aloha.

Beginner-friendly tour of Angular 2, building components and templates, using directives and data binding, creating services, and enabling routing, observables, and web services for a functional app.

Explore Angular 2's core concepts, including components, services, and data binding, to build modular web and mobile apps with fast rendering and browser compatibility.

Explore how this course builds a working knowledge of Angular 2 from scratch, covering components, binding, services, HTTP with observables, and routing, with beginner-friendly prerequisites.

Dive into Angular with hands-on learning by building all features from coding exercises. Review the course structure, follow up with coding exercises, and solidify what you've learned by applying it.