Your Choice JavaScript News

Prettier, Angular project, Popular internationalization framework & more… Angular News Saturday, February 24

Angular News TLDR / Table of Contents

  • Install Prettier locally – For npm: npm install –save-dev –save-exact prettier – For yarn: yarn add prettier –dev –exact – Add Prettier config files – You want to add two new files to your project to support Prettier.
  • The Prettier docs have examples for setup in the following IDEs: Atom, Emacs, Vim, Visual Studio Code, Visual Studio, SublimeText and/or Pick your IDE-of-choice, and follow the corresponding instructions from Prettiers website.
  • Or do you want to leave all the files alone, and let the files get reformatted down the road the next time you or your team modifies said file?
  • If you do the latter, for weeks and months to come, your team will slowly commits where the entire file will change, even though only a few lines were modified.
  • You can setup a pre-commit hook that will ensure that all files are formatted according to Prettier.

Tags: Prettier, Angular project, new Prettier users, conflict w/ Prettier, useful Angular content

  • i18next is a very popular internationalization framework for browser or any other javascript environment (eg.
  • Independent of the building blocks you choose, be it react, angular or even good old jquery proper translation capabilities are just one step away.
  • Having done a big rewrite of i18next in spring we are proud to announce the next big step to get your webproject translated with less effort.
  • We just released locize a translation management system built around the i18next ecosystem.
  • With using locize you directly support the future of i18next.

Tags: popular internationalization framework, good old jquery, proper translation capabilities, booming ecosystem,

  • In the part 2, we use Firebase as a database but Firebase also offers a free storage service!
  • Go to the firebase interface storage tab rules and update the rules to make the storage public.
  • This manipulation is only good for prototyping, to secure the storage, use the firebase auth.You remenber the firebase service?
  • We will add an new line to this service to export the storage service from firebaseWe can now import this service in our components to access to our firebase storage.Ok lets try to upload a picture, you should see your picture in your firebase console.Add the picture to thelistAfter the…
  • We learned:how to use MediaStream to access to the native camera;how to store picture in Firebase with VueFire;Lets have a look to our Progressive Web App checklist:One of our last requirements is not yet met.

Tags: progressive web app, firebase console, firebase storage, firebase service, firebase auth

  • Web Development Top 10 Open Source (v.Feb2018)This is a new monthlyseriesFor the past month, we ranked nearly 200 Web Development Open Source Projects to pick the Top 10.
  • We compared projects with new or major release during this period.
  • Average number of Github stars in this edition: 7,964 Watch Web Development Top 10 Open Source on Github and get email once a month.Topics: Image Resize, Bootstrap, Documentation, 2D Game, Icons, SVG, CSS, Charts, Web ScreenshotsOpen source projects can be useful for programmers.
  • Hope you find an interesting project that inspires you.
  • Caire: Content aware image resize library [7503 stars on Github].

Tags: open source projects, Web Development Open, 2D game framework, mobile web browsers, best daily articles

  • Thats when Euler started to convert lands and bridges into something we know as graphs.
  • In our example above, the number of bridges connected to lands can be expressed as degrees of the graph vertex.
  • In his endeavor Euler showed that the possibility of a walk through graph (city) traversing each edge (bridge) one and only one time is strictly dependent on the degrees of vertices (lands).
  • A finite undirected connected graph is an Euler graph if and only if exactly two vertices are of odd degree or all vertices are of even degree.
  • Now, knowing what is a finite connected undirected graph, lets get back to Eulers graph: – So why we did discuss Knigsberg bridges problem and Euler graphs in the first place?

Tags: graph, binary search tree, , ,

  • Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
  • Already on GitHub?
  • Sign in to your account

Tags: pr, callback API counterparts, promises API doc, native immediate callback, )benchmark?

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.