MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS (Part III)

#angularjs Tutorial for Beginners With #nodejs #ExpressJS and #mongodb #javascript Part I

  • We are going to build a full stack Todo App using the MEAN (MongoDB, ExpressJS, AngularJS and NodeJS).
  • TL; DR: NodeJS has been built from bottom up a non-blocking I/O paradigm, which gives you more efficiency per CPU core than using threads in other languages like Java.
  • But, now you can found it in smartphones, servers, robots, Arduino, RaspberryPi… Thus, it does not matter what technology you use to build web applications, you need to be familiar with Javascript.
  • Programming languages that are blocking (Java, Ruby, Python, PHP, …) overcomes concurrency using many threads of execution while JavaScript handles it using non-blocking event loop in a single thread.
  • These are the changes added to perform the remove functionality:

    Do the same for the details Template

    And also in the details controllers

    When we remove elements from the todos array they also disappear from the DOM.

Adrian Mejia blog about programming and software engineering. Featuring MEAN stack (AngularJS, NodeJS, MongoDB and Express), BackboneJS, RESTful APIs, Algorithms and data structures.
Continue reading “MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS (Part III)”

5 Best JavaScript Frameworks in 2017

  • In the meanwhile, JavaScript web frameworks can become a silver bullet for quick web app development.
  • Angular.js is often referred to as an MVW (Model-View-Whatever) framework and among the top benefits, for startups and mid-sized companies, people name: quick code production, easy testing of any app part and two-way data binding (changes in the backend are immediately reflected on the UI).
  • As for now, it is reasonably called the most used JS framework for SPAs (Single-Page Applications) development and it boasts the largest community of developers.
  • Back in 2015 Ember was called the best javascript framework for web application, leaving behind React and AngularJS.
  • When it comes to quick web development or prototyping, JavaScript frameworks are among the most favorable and 2017 won’t become an exception.

JavaScript popularity continues its rising. In 2016 we’ve witnessed such great changes, as AngularJS entire upgrade and introduction of Angular 2, ultimate dominating of jQuery that is applied on 96.5% of all JS sites, evolution of ECMAScript, two updates of Node.js in April and October accordingly, React finest hours, and even more.  What to expect from 2017?
Continue reading “5 Best JavaScript Frameworks in 2017”

Ng-ninja

  • But, in short, to create an Angular app you have to declare a root module.
  • In this case, “” will be the root of our Angular app.
  • All the magic of Angular lies in its “$scope” object.
  • Now go ahead and run your application in your favorite browser and pat yourself on your back for implementing an awesome Angular app.
  • This article explains you the simple steps you can follow to setup an AngularJS application.

Setup AngularJS and get running following these simple steps. Develop your first ‘Hello World’ app in AngularJS.
Continue reading “Ng-ninja”

‘angularjs’ tag wiki

  • AngularJS (a.k.a. AngularJS 1) is an open-source JavaScript framework.
  • Its goal is to augment browser-based applications with Model–View–Whatever (MV*) capability and reduce the amount of JavaScript needed to make web applications functional.
  • AngularJS (also known as AngularJS 1) is an open-source JavaScript framework for building CRUD-centric Ajax-style web applications.
  • Its goal is to shim the browser to augment the HTML vocabulary with directives useful for building dynamic web applications.
  • AngularJS was developed and is maintained by Google, and is used internally by 1600+ applications.


AngularJS (a.k.a. AngularJS 1) is an open-source JavaScript framework. Its goal is to augment browser-based applications with Model–View–Whatever (MV*) capability and reduce the amount of JavaScript needed to make web applications functional. These types of applications are also frequently known as single-page applications (SPAs). It is entirely distinct from its successor, referred to simply as Angular, with its own tag, see [tag:angular2].

Continue reading “‘angularjs’ tag wiki”

AngularJS, Angular and Angular v4

Recommended post 💥 “#AngularJS, #Angular and Angular v4 by @Foxandxss #javaScript
”

  • The old and new Angular products need names that are fixed and independent of the version number.
  • With semantic versioning, you can tell if a new release is an easy install, with no breaking changes, simply by looking at the version number.
  • The downside is that breaking changes are inevitable and, therefore, new releases of Angular are bound to have version numbers like , , , etc.
  • Semantic Versioning (SemVer) is a convention that dictates how the version number changes for each new release of a library.
  • A breaking change means that upgrading to the new version of the library might cause your application to behave in an unexpected way that contradicts previously documented behavior or fail outright.

Angular tips blog
Continue reading “AngularJS, Angular and Angular v4”

Asynchronous vs Deferred JavaScript

Get to know asynchronous vs deferred #JavaScript:  #ReactJS #AngularJS

  • By default, as mentioned above, JavaScript files will interrupt the parsing of the HTML document in order for them to be fetched (if not inline) and executed.
  • Take, for example, this script element located somewhere in the middle of the page –

    As the document parser goes through the page, this is what occurs –

    The HTML parsing is paused for the script to be fetched and executed, thereby extending the amount of time it takes to get to first paint.

  • When an external script has this attribute, the file can be downloaded while the HTML document is still parsing.
  • The attribute tells the browser to only execute the script file once the HTML document has been fully parsed.
  • Like an asynchronously loaded script, the file can be downloaded while the HTML document is still parsing.

In my article on Understanding the Critical Rendering Path, I wrote about the effect JavaScript files have on the Critical Rendering Path.
Continue reading “Asynchronous vs Deferred JavaScript”