Repository files navigation

This is the seed project for theAngular Fundamentals course byTodd Motto.

This course is recorded with the following tools, you can optionally follow along using the same, or your favourite text editor/IDE and browser.

Text editor: Visual Studio Code, you candownload it here for both Mac, Windows and Linux.Browser: Google Chrome, you candownload it here

Please make sure that you have the following installed:

• Install thelatest version ofNode.js (Mac or Windows)

  • Mac users can optionallybrew install node if they havebrew installed

• Node Sass, youmay need it if you haven't already got it installed:

npm install -g node-sass

To grab the seed project, either Fork this repo orclick here to download the.zip folder and extract the files wherever you like on your machine.

To install the project dependencies, you will need to either usenpm oryarn. To installyarn, run the following in your terminal:

npm install -g yarn

Mac users can alternatively usebrew to installyarn.

brew updatebrew install yarn

If you experience any issues when installing/usingyarn you can checkout the installation instructionshere.

Now that we have a package manager, we can install the project dependencies. You can do this by running:

yarn install# ORnpm install

This will install our dependencies for running our Angular application.

During development, the project is built usingwebpack-dev-server. This provides a local development server as well as having webpack recompile our app when a file changes. The project will also automatically refresh the page whenever we make changes.

To start the project in development, run:

yarn start# ORnpm start

This will output some information about the project (such as the TypeScript version and build progress). Once you see "build completed", you are ready to code!

Open your browser tolocalhost:4000 to start running the code.

The project useswebpack to build and compile all of our assets. This will do the following for us:

• Compile all our TypeScript code into JavaScript (starting frommain.ts and branching outwards from imported files)
• Bundle all our JavaScript into one file to use
• Allow us to use SASS for our component's CSS files
• Provide the polyfills needed to run our app in all modern browsers
• Mock a JSON backend usingjson-server