#100DaysOfCode && JavaScript

Day 1

Lodash: debounce

Run snippet:

cd snippets
npm i
open 001-debounce.html

Day 2

Create my first Angular project (using the Angular CLI):

npm install -g @angular/cli
ng new my-first-project --skip-tests
cd my-first-project
ng serve --open

Day 3

Create two Angular components:

ng generate component table-of-content
ng generate component form-sample

And setting up the Angular router to switch between the two.

Day 4

Deploy my Angular project to Firebase hosting:

cd my-first-project
ng build
firebase use --add
firebase deploy

It is important to notice the rewrites rule in the firebase.json file

Day 5

Add an HTML form to later interact with it using property bindings.

Some highlights include:

• The transition CSS property used to animate the fields on focus
• The :host Angular pseudo-class selector
• The type="email" and type="tel" HTML attributes to display different keyboards on mobile devices
• The @media CSS at-rule used to make the website responsive

Day 6

• The HostListener decorator listens for a DOM event and calls a handler method

Firebase Troubleshooting

firebase logout
firebase login
firebase use <project id>
ng build
firebase deploy