Your Choice JavaScript News

Angular News Sunday, January 21

Angular News TLDR / Table of Contents

Score: 42000
Tweeted At: Fri Jan 19 19:50:03 +0000 2018
Publish Date: 2018-01-14T00:00:00+00:00

  • Angular Material 2 brings Material Design components to Angular 2+ apps.
  • The latest release of Angular Material depends on Angular 4+ – – Here’s how to get started with Angular Material 2: – – First install Angular Material, Angular animations, and Hammer.js in your project with these commands: – – Hammer.js is an optional dependency and helps with touch support for…
  • Prior to Angular Material 2 Beta 3, there was a global MaterialModule that could be imported in the app module to make the components available.
  • Your app module (e.g.: app.module.ts) will look a little bit like this: – – There are a few pre-built themes installed automatically with Angular Material.
  • To import them to your project, you can add this to the head section of your project’s root index.html file: – – It’s now ready for you to start using the available Angular Material components in your templates.

Tags: Angular Material, app module, install Angular Material, custom material module, Add Angular Material

Score: 21000
Tweeted At: Sun Jan 21 08:00:31 +0000 2018
Publish Date:

  • Here are the steps: – – dbpath : specifies the path of the data files – – logpath : specifies the path of the log file – – verbose: specifies how verbose we want out log files to be, in this we want our log files to be very verbose…
  • The settings is from v to vvvvv  going from least to most verbose – – 4.
  • Save the file,  put the path C:\Program Files\MongoDB\Server\3.4\bin into the Environment Variables “Path” varible, now open up the command line utility  type in the following command to use the configuration file

Tags: mongodb configuration file, log file, AngularJS SPA, Shopping List, log file path

Score: 15500
Tweeted At: Sun Jan 21 03:14:07 +0000 2018
Publish Date: 2018-01-16T06:30:00+00:00

  • If you are including everything in one mega module, you will need to artificially give the components different names.
  • However, if each route has its own module, you can declare the components in the declaration section of each module with the same name and each route will be able to call the appropriate component.
  • In that case, you would also want the component to live in a shared module where we would give it a more meaningful, generic, name that made sense as a shared module.
  • Once you’ve created modules for each of your routes, the next logical step in your development effort will be lazy loading the module.
  • Once again, just like having the ability to isolate the components, by using modules in conjunction with lazy loading, we have the ability to have route specific @Injectables with the same name and each route/module will behave appropriately.

Tags: lazy loading, module, lazy loaded module, Angular Lazy Loading, application level module

Score: 15000
Tweeted At: Sun Jan 21 02:23:32 +0000 2018
Publish Date: 2018-01-19T00:38:19+00:00

  • When starting a new project, does basic configuration matter?
  • NET Core configuration differs greatly from the standard .
  • NET projects.
  • We don’t have any more web.config files but, instead, we use the built-in Configuration framework that comes with .
  • NET Core.

Tags: basic configuration matter, built-in Configuration framework, Core configuration, new project, web.config files

Score: 14000
Tweeted At: Sat Jan 20 18:52:24 +0000 2018
Publish Date:
Author: Budget $12-25

  • Map – This will be the main component of the application, User will be able to view gems and treasure boxes that have been placed on the map by the admin, within his map view.
  • a. Clickable Radius – User will be able to click on gems and treasure boxes that are within their clickable radius.
  • To collect a gem or a treasure box the user has to get the item within their clickable radius by physically being at that place.
  • Map – This will be the main component of the application, User will be able to view gems and treasure boxes that have been placed on the map by the admin.
  • a. Clickable Radius – User will be able to click on gems and treasure boxes that are within their clickable radius.

Tags: clickable radius, treasure boxes, android app, user, gems

Score: 570
Tweeted At: Sat Jan 20 18:29:42 +0000 2018
Publish Date:


    Top Angular Courses

    Angular 5 (formerly Angular 2) - The Complete Guide (139,105 students enrolled)

    By Maximilian Schwarzmüller
    • Develop modern, complex, responsive and scalable web applications with Angular 4
    • Fully understand the architecture behind an Angular 4 application and how to use it
    • Use their gained, deep understanding of the Angular 4 fundamentals to quickly establish themselves as frontend developers
    • Create single-page applications with on of the most modern JavaScript frameworks out there

    Learn more.

    The Complete Angular Course: Beginner to Advanced (40,747 students enrolled)

    By Mosh Hamedani
    • Establish yourself as a skilled professional developer
    • Build real-world Angular applications on your own
    • Troubleshoot common Angular errors
    • Master the best practices
    • Write clean and elegant code like a professional developer

    Learn more.

    Learn and Understand AngularJS (66,998 students enrolled)

    By Anthony Alicea
    • Learn fundamental Javascript concepts that power AngularJS.
    • Write quicker, better AngularJS code by discovering how AngularJS itself is built.
    • Become fluent in AngularJS terminology, such as dependency injection, services, directives, transclusion, and more.
    • Realize the power of dependency injection, and how AngularJS accomplishes it.
    • Design custom directives and save time and energy with easily reusable components.
    • Understand what a Single Page Application (SPA) is, and how they work.
    • Build a Single Page Application (SPA) in AngularJS.
    • Be the coder that explains AngularJS to everyone else, because you understand it better than anyone else.
    • Get new free lectures during 2015, keep up with the development of AngularJS 2.0, and get a MASSIVE discount on a future AngularJS 2.0 course in 2016!

    Learn more.

    Angular 5 NgRx Store Masterclass & FREE E-Book (3,038 students enrolled)

    By Angular University
    • Build a Chat Application From top to bottom!
    • Understand the Flux Architecture, its benefits, strong points and most beneficial use cases
    • Understand Single Store Architecture solutions like Redux or Ngrx Store
    • Know all the usual notions of Store solutions, like Actions and Reducers
    • Know how to model the application state of a single store architecture, leveraging Typescript custom types to do so
    • Know the difference between a model and a view model and what to put inside the store
    • know how to derive a view model from a model and how to do that
    • understand the notion of selector in the context of store solutions
    • know the difference between smart components and presentation components
    • know how to build smart components using the Ngrx Store library
    • know how to use the Ngrx Effects library
    • know not only the Ngrx libraries but know also how they all fit together and what are the benefits of a store solution
    • know how to setup the Ngrx store developers tools
    • know how to debug RxJs applications in general

    Learn more.

    Angular Front To Back (6,984 students enrolled)

    By Brad Traversy
    • Build amazing single page applications using Angular 5+
    • Master Angular concepts
    • Understand the file and folder structure of an Angular application
    • Build a client management application with authentication and Firebase's Firestore
    • Integrate Bootstrap 4 into Angular projects

    Learn more.

    Angular Crash Course for Busy Developers (44,316 students enrolled)

    By Mosh Hamedani
    • Master the essential Angular concepts
    • Troubleshoot common runtime errors
    • Write cleaner, more maintainable code

    Learn more.

    Angular (Angular 2+) & NodeJS - The MEAN Stack Guide (26,806 students enrolled)

    By Maximilian Schwarzmüller
    • Build real Angular + NodeJS applications
    • Understand how Angular works and how it interacts with Backends
    • Connect any Angular Frontend with a NodeJS Backend
    • Use MongoDB with Mongoose to interact with Data on the Backend
    • Use ExpressJS as a NodeJS Framework
    • Provide a great user experience by using Optimistic Updating on the Frontend
    • Improve any Angular (+ NodeJS) application by adding Error Handling

    Learn more.