The MDN Web Docs Learning Area teaches fundamentals of modern web development, beginning with HTML, CSS, and JavaScript essentials. In feedback this year, readers asked for a more opinionated, structured ...
Vue is a very popular JavaScript front-end framework, one that’s experiencing a huge amount of growth. It is simple, tiny (~24KB), and very performant. It feels different from all the other…
React is incredible because it allows you to build your UI using a declarative API. You tell React what you want the interface to look like, and it handles the rest. As users interact with the…
We will be building a user authentication in a single page application with Node, React, Redux and Koa combined with Passport. We will implement local authentication, where users can log in using an email and passport, and authentication with Facebook, which can be used with other social networks and OAuth providers.
This video covers the full installation of Vue and Vuex using the Vue-CLI and creating a project from scratch. This project will create a basic application that presents a problem that Vuex is uniquely qualified to fix. We'll use Vuex store to move information between two components that need to keep sync and are separated by both state and router and use Vuex to solve that problem.
If I was going to sum up my experiences with Vue in a sentence, I’d probably say something like "it's just so reasonable" or "It gives me the tools I want when I want them, and never gets in my way". Again and again when learning Vue, I smiled to myself. It just made sense, elegantly. This is my own introductory take on Vue. It's the article I wish I had when I was first learning Vue. If you'd like a more non-partisan approach, please visit Vue's very well thought out and easy to follow Guide.
Mithril is a marvelously tiny JavaScript library by Leo Horie. The functionality it provides works best when it is used as a complete framework. I found the fundamentals of Mithril’s rendering system to be a challenge to my basic assumptions about how a JavaScript application works. I think playing with real, running code is the best way to undertsand it.
Mithril.js is a small (7kb) and fast, classical MVC JavaScript framework. It encourages an architecture similar to Angular.js, and uses a virtual DOM like React.js, all while avoiding the need for libraries like jQuery. Mithril's small size and API makes it ideal for embedded JavaScript widgets and user interfaces that have high performance requirements.
This lesson shows what can be learned next as a continuation of this course, and gives a recap on the core concepts: main for pure logic, drivers for side effects, run() to connect main and drivers, sources for read effects, sinks for write effects, and nesting Cycle.js apps to work as components.
Async programming is not easy but Reactive Programming can help. Using Observables, we will learn how to handle all forms of async data. From user input to A...
Reactive programming principles are continuing to spread across the web as developers look for ways to increase productivity and code quality. Learn about ho...
In the last couple of years there has been an explosion in JavaScript frameworks. How is a developer or business to make a wise choice? What are the advantages, trade-offs and differences? In this talk we’ll compare and contrast six popular front-end frameworks: Angular 1, Angular 2, Polymer, React, Ember and Aurelia.