Learning Express Web Application Development

Course

Online

£ 10 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Build powerful and modern web apps that run smoothly on the webserver with ExpressJS.This course will guide you through building a real-world web application using NodeJS, Express, and MongoDB.You’ll start with using the Jade template library and Bootstrap framework to create clean and maintainable code for your app. You will then see how to put MongoDB to work, store data for your app, and incorporate best-practices such as modularization. You’ll go beyond the basics to include authentication, test-driven-development, and powerful time-saving tools to get the app ready for deploying. You will also explore CSS preprocessors and create RESTful services that make the best of MVC libraries and add that extra edge to your app.After completing this series, you’ll be ready to start building and deploying web applications of your own.About the Author
Matthew Nuzum has been developing web applications since 1999 and worked for several start-ups including Canonical, makers of Ubuntu, as well as Fortune 500 companies. He has a passion for helping others learn new technologies and has written numerous tutorials and help documents as well as running a web-focused user group based in his hometown of Des Moines. 

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Manage dependencies and automate common tasks effectively with Node.js and NPM
Use the Jade template and keep your markup clean and simple
Utilize CSS pre-processors such as Stylus, Sass, and Less to speed up your app’s CSS development
Get the best storage features with a fast document-based database, for example, MongoDB, and MongooseJS, a powerful yet easy to use library
Enable authentication using standard measures and extend it to allow Facebook or Twitter logins
Create modules to keep your code clean, reusable, and easy to manage
Incorporate test-driven development tools to automate the testing of your application
Create RESTful services compatible with client-side MVC libraries such as Angular, Backbone, and Ember
Get a lot more with additional popular tools such as Socket.io, SailsJS, and the Ghost blogging platform

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Install
  • Application Development
  • Project
  • Public
  • Web
  • HTML
  • Windows
  • Options

Course programme

Getting Started 5 lectures 15:20 Installing Express.js and Command-line Tools In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
A Special Note for Windows Users Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
Bootstrapping Your First App The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
What Just Happened? The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
Structure of an Express.js App Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Getting Started 5 lectures 15:20 Installing Express.js and Command-line Tools In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
A Special Note for Windows Users Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
Bootstrapping Your First App The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
What Just Happened? The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
Structure of an Express.js App Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Installing Express.js and Command-line Tools In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
Installing Express.js and Command-line Tools In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
Installing Express.js and Command-line Tools In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
Installing Express.js and Command-line Tools In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
In order to begin using Express.js, you’ll need to globally install a helper command-line application.
  • Ensure that you have the correct version of Node.js installed
  • Install the Express.js command line helper
  • Check whether the helper is installed correctly
A Special Note for Windows Users Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
A Special Note for Windows Users Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
A Special Note for Windows Users Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
A Special Note for Windows Users Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
Windows users need to ensure that they use the proper terminal in order to get the best results.
  • Node.js won’t work with the standard Windows command prompt
  • When you installed Node.js, a new application was created, which was called Node.js command prompt
  • Whenever you use a Node.js command such as npm, use this command prompt
Bootstrapping Your First App The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
Bootstrapping Your First App The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
Bootstrapping Your First App The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
Bootstrapping Your First App The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
The best way to test your recently installed tool is to use it to build a quick and simple web app.
  • Create a folder for your new application
  • Run the express command line tool to create a sample app
  • Use npm start to test the app and see it work
What Just Happened? The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
What Just Happened? The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
What Just Happened? The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
What Just Happened? The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
The Express.js command line tools generates a full function, to use as a foundation.
  • View the application in your browser
  • Inspect the results of the files that were accessed using the terminal
  • Confirm that static files such as CSS are served as expected
Structure of an Express.js App Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Structure of an Express.js App Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Structure of an Express.js App Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Structure of an Express.js App Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Take a look at the different kinds of files that are created as a part of the sample app creation.
  • Node_modules is a folder that holds the dependencies of your project
  • Static assets and compiled CSS are stored in the public folder
  • HTML and Jade pages are stored in the views folder
Frontend Development 5 lectures 20:47 Introducing the Jade Template Engine Jade helps you to build clean web pages that combine HTML and dynamic content.
  • Jade is a clean, easy-to-read language that is converted into HTML
  • You can eliminate duplication by using Jade layouts
  • Jade provides the essential components for the purpose of showing the dynamic content
Introducing Stylus CSS can be difficult to maintain on large projects. Stylus helps ease the maintenance.
  • Stylus is just like CSS but with fewer rules
  • You can combine CSS with Stylus
  • Stylus has functions to reduce maintenance
Bootstrap with Jade and Stylus Bootstrap provides clean styles and helper functions, and is easily incorporated into your Express project.
  • Bootstrap is a helper library that provides many useful HTML and CSS components
  • You can use Bootstrap’s HTML components with your Jade templates
  • The Bootstrap CSS is easily imported into your Stylus style sheets
Public and Static Files Express.js includes support for serving the static files that your project needs.
  • Static files are organized in the public folder
  • Most static files are served directly as they are
  • Stylus files are automatically compiled into static CSS files before they are served
Other Templating Options Some people prefer other options besides Jade and Stylus. Many template options are available.
  • Mustache is a template engine used by many programming languages
  • Handelbars builds on Mustache with some JavaScript-specific features
  • LESS and SASS are easily incorporated into your project
Frontend Development e most helpful.
  • What kinds of pages will your application use
  • What modules can we incorporate to get the best results
  • What tools we will...

Additional information

This robust framework helps you utilize the JavaScript knowledge to build powerful APIs that suit your need for fast-paced web app development

Learning Express Web Application Development

£ 10 VAT inc.