Open Source JS Resources
A selected Open Source JS Resource. Please, if you feel any of these book are cool: buy it or support de authors!
Redux
-
Redux - Introduction - paulkogel General introduction to Redux
-
Redux - Learn Redux Learn Redux
Jenkins
Python
- Functional Programming in Python -David Mertz - David Mertz Python is not a functional programming language, but it is a multi-paradigm language that makes functional programming easy to perform, and easy to mix with other programming styles. In this paper, David Mertz, a director of Python Software Foundation, examines the functional aspects of the language and points out which options work well and which ones you should generally decline.
- The Little Book of Python Anti-Patterns - Andreas Dewes & Christoph Neumann Learning about these anti-patterns will help you to avoid them in your own code and make you a better programmer (hopefully). Each pattern comes with a small description, examples and possible solutions.
-
Welcome to Python for you and me This is a simple book to learn Python programming language, it is for the programmers who are new to Python.
RxJs
- RxJS v4.0 - xgrommx Reactive Extensions (Rx) is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators.
- Learn RxJS - (github docs) Clear examples, explanations, and resources for RxJS.
- RxJS lessons - egghead.io Brand new to RxJS and reactive programming? Check out this series of lessons from Jafar Husain.
- Learn RxJS - learnrxjs.io Clear examples, explanations, and resources for RxJS.
Reactive Programming
- The introduction to Reactive Programming you’ve been missing (github docs) - staltz The introduction to Reactive Programming you’ve been missing
- The introduction to Reactive Programming you’ve been missing (egghead.io video) - staltz This previos tutorial as a series of videos
@ngrx
- @ngrx/store - btroncone (github docs) Comprehensive Introduction to @ngrx/store
JavaScript Frameworks and Resources
-
Speaking JavaScript - Dr. Axel Rauschmayer This book has been written for programmers, by a programmer. So, in order to understand it, you should already know object-oriented programming, for example, via a mainstream programming language such as Java, PHP, C++, Python, Ruby, Objective-C, C#, or Perl. Thus, the book’s target audience is programmers who want to learn JavaScript quickly and properly, and JavaScript programmers who want to deepen their skills and/or look up specific topics.
-
Eloquent JavaScript 2nd edition - Marijn Haverbeke This is a book about JavaScript, programming, and the wonders of the digital.
-
JavaScript Allongé - Reginald Braithwaite JavaScript Allongé is a book about programming with functions, because JavaScript is a programming language built on flexible and powerful functions. JavaScript Allongé begins at the beginning, with values and expressions, and builds from there to discuss types, identity, functions, closures, scopes, and many more subjects up to working with classes and instances. In each case, JavaScript Allongé takes care to explain exactly how things work so that when you encounter a problem, you’ll know exactly what is happening and how to fix it.
-
JavaScript Enlightenment - Cody Lindley This book is not about JavaScript design patterns or implementing an object-oriented paradigm with JavaScript code. It was not written to distinguish the good features of the JavaScript language from the bad. It is not meant to be a complete reference guide. It is not targeted at people new to programming or those completely new to JavaScript. Nor is this a cookbook of JavaScript recipes. Those books have been written.
-
JavaScript Spessore - Reginald Braithwaite JavaScript Spessore will show you how to build ES5 JavaScript programs that scale in code, in time, and across a team, using the one technique that has passed the test of time: Objects and metaobjects that have a single responsibility, are decoupled from each other, and can be composed freely.
-
You Don’t Know JS (Book Series) - Kyle Simpson This is a series of books diving deep into the core mechanisms of the JavaScript language.
JavaScript Design Patterns
- Learning JavaScript Design Patterns - A book by Addy Osmani In this book we will explore applying both classical and modern design patterns to the JavaScript programming language.
typeScript
-
TypeScript Deep Dive - Basarat Ali Syed - The definitive guide to TypeScript and possibly the best TypeScript book :book:. Free and Open Source. This is based on the lessons from StackOverflow / DefinitelyTyped and general engagement with the TypeScript community.
-
TypeScript - Handbook - For programs to be useful, we need to be able to work with some of the simplest units of data: numbers, strings, structures, boolean values, and the like. In TypeScript, we support much the same types as you would expect in JavaScript, with a convenient enumeration type thrown in to help things along.
JavaScript ES6
-
The road to ECMAScript 6: New solutions for old JS problems - Leo Lanese A comprehensible JS ES6+ introdution by examples.
-
Exploring ES2016 & ES2017 - Dr. Axel Rauschmayer Covers the latest versions of JavaScript as they are created. It is a book for people who already know JavaScript.
-
Exploring ES6 - Dr. Axel Rauschmayer This book is about ECMAScript 6 (whose official name is ECMAScript 2015), a new version of JavaScript.
-
Understanding ECMAScript 6 - Nicholas C. Zakas A good understanding of ECMAScript 6 features is key for all JavaScript developers going forward. The language features introduced in ECMAScript 6 represent the foundation upon which JavaScript applications will be built for the foreseeable future. That’s where this book comes in. My hope is that you’ll read this book to learn about ECMAScript 6 features so that you’ll be ready to start using them as soon as you need to.
-
Practical ES6 - Nicolas Vebacqua A Practical Dive into ES6 and Maintainable JavaScript Modules — Modular JavaScript Book Series
-
ES6 Features Does the world need another list of ES6 features? Maybe not, but this one seems very technical in its explanations, which I’m sure many experienced programmers moving to JavaScript will appreciate. There are also lots of interactive code examples used for each feature.
JavaScript OOP
Funtional Programing
- Getting Functional with Javascript part1
- Getting Functional with Javascript part2
-
Getting Functional with Javascript part3 Demonstrates FP concepts by showing how to filter, group, and sort an array of data. Lots of good descriptions, samples, and explanations.
-
Functional javascript Mini bookThis tiny book may only take you 2 hours to read, but it may take you to a journey of experiencing almost all the functional way of writing code in JavaScript. And It will cover some of the new feature come with ECMAScript 6 like arrow function, pattern matching etc. Further more, I will list the implementations of some fancy typeclasses from Haskell in JavaScript.
-
An introduction to functional programming - Mary Rose Cook Many functional programming articles teach abstract functional techniques. That is, composition, pipelining, higher order functions. This one is different. It shows examples of imperative, unfunctional code that people write every day and translates these examples to a functional style.
-
Functional Programming - How ToIn this document, we’ll take a tour of Python’s features suitable for implementing programs in a functional style.
-
Mostly adequate guide to funcional programming - Professor Frisby This is a book on the functional paradigm in general. We’ll use the world’s most popular functional programming language: JavaScript
-
The introduction to Reactive Programming you’ve been missing - André Staltz (book) - (Video) So you’re curious in learning this new thing called Reactive Programming, particularly its variant comprising of Rx, Bacon.js, RAC, and others.Learning it is hard, even harder by the lack of good material. When I started, I tried looking for tutorials. I found only a handful of practical guides, but they just scratched the surface and never tackled the challenge of building the whole architecture around it. Library documentations often don’t help when you’re trying to understand some function.
-
Functional Programming by hemanth Functional programming (FP) provides many advantages, and its popularity has been increasing as a result. However, each programming paradigm comes with its own unique jargon and FP is no exception. By providing a glossary, we hope to make learning FP easier.
-
Functional programming tutorial - ZaninAndrea Practical introduction to Functional Programming with JS
-
Professor Frisby Introduces Composable Functional JavaScript This course teaches the ubiquitous abstractions for modeling pure functional programs. Functional languages have adopted these algebraic constructs across the board as a way to compose applications in a principled way. We can do the same in JavaScript. While the subject matter will move beyond the functional programming basics, no previous knowledge of functional programming is required. You’ll start composing functionality before you know it.
-
Why Functional Programming Matters - John Hughes The University, Glasgow As software becomes more and more complex, it is more and more important to structure it well. Well-structured software is easy to write and to debug, and provides a collection of modules that can be reused to reduce future programming costs. In this paper we show that two features of functional languages in particular, higher-order functions and lazy evaluation, can contribute significantly to modularity.
-
Functors, Applicatives, And Monads In Pictures A funny and educational introduction to functional programming features.
-
Functional Programming HOWTO - Author: A. M. Kuchling In this document, we’ll take a tour of Python’s features suitable for implementing programs in a functional style. After an introduction to the concepts of functional programming, we’ll look at language features such as iterators and generators and relevant library modules such as itertools and functools.
- Thinking in Ramda Series about functional programming called Thinking in Ramda.
JavaScript Patterns and Best Practices
-
JS - Best Practices - Ryan McDermott This is not a style guide. It’s a guide to producing readable, reusable, and refactorable software in JavaScript.
-
JavaScript Enlightenment - Cody Lindley JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language. JavaScript Garden does not aim to teach you JavaScript. Former knowledge of the language is strongly recommended in order to understand the topics covered in this guide
-
JavaScript Patterns Collection - Shi Chuan A JavaScript pattern and antipattern collection that covers function patterns
-
Unit Testing Best Practices in AngularJS - Andy Shora Interesting article about unit-test best practices and how to make it simple
JavaScript Framework: Angular JS
- Recipes with Angular - Frederik Dietz Practical concepts and techniques for rapid web application development
Angular 2+:
-
Official Angular AJS2+ official guideline. Opinionated guide to Angular syntax, conventions, and application structure? Step right in! This style guide presents preferred conventions and, as importantly, explains why.
-
docs.w3cub.com This page describes the Angular documentation at a high level.
-
codecraft.tvIn this quickstart you get a 50,000 foot view of the major features of Angular and since we use a web editor it means you can get stuck in writing code ASAP without having to spend ages setting up your computer.
-
AJS2+ Official Style Guide The offical style guide for the framework. Contains a ton of syntax and formatting recommendations, as well as general best practices. It’s very detailed and long, but knowing Angular’s enterprise nature, you’ll probably need to go through it at some point.
-
Official TypeScript Handbook A quick start to typescript, an easy and well documented handbook.
-
Angular 2 Tutorial for Beginners: Learn Angular 2 from Scratch This video is picked from my complete Angular 2.0 course on Udemy. You can get the full course with a discount here:
-
Angular University Angular Tutorials: Premium Quality Tutorials on Angular and its Ecosystem https://angular-university.io The single resource a developer with a full time job needs for learning and keeping up with the fast moving Angular 2 and beyond ecosystem, by providing very focused, summarized and high quality tutorials on Angula.
-
Rangle’s Angular Training Book This book will cover the most important Angular topics, from getting started with the Angular toolchain to writing Angular applications in a scalable and maintainable manner.
-
Angular 2 Tutorial and Examples This tutorial is a practical Angular 2 resource for programmers who are building or want to build web client applications under HTML and Typescript
Full Stack
- JavaScript Stack from Scratch - Jonathan Verrecchia This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.
Extra:
CSS Flexbox and Grid
-
Flexible Boxes interactive playground Flexbox interactive playground
-
flexbox help Test CSS texgox playground
-
codepen.io - Flexbox playground by @enxaneta Few nices examples and flexbox playground
-
rachelandrew.co.uk - Grid “fallbacks” and overrides Defined in the CSS Grid Specification are the ways in which grid interacts with other layout methods. These definitions mean that as soon as an item becomes a grid item, other behaviour that you may have used for older browsers is overwritten. This means that you do not have to completely fork your code and build two versions. Where you do need to overwrite CSS used for older browsers, you can do so inside a CSS Feature Query. This enables safe encapsulation of any CSS you only want a grid supporting browser to apply.
-
http://yoksel.github.io A flex container establishes a new flex formatting context for its contents. This is the same as establishing a block formatting context, except that flex layout is used instead of block layout. For example, floats do not intrude into the flex container, and the flex container’s margins do not collapse with the margins of its contents. Flex containers form a containing block for their contents exactly like block containers do. The overflow property applies to flex containers.
-
rxviz Animated playground for Rx Observables. Visualize any Rx Observable, and export SVG of the marble diagram.
JS and many others
- w3cub Several containers with information divided into technologies and versions
JavaScript playground
-
stackblitz Online VS Code IDE for Ionic, Angular & React.
-
codeply Responsive Design Playground & Frontend Editor. Use, compare & test responsive frameworks. Find code snippets & examples.
-
sequential The no-nonsense JavaScript code playground
-
Plunker A good playground, nice
-
JSfiddle.com A classic, one of the best playgrounds out there
:100: Thanks!
Now, don’t be an stranger. Let’s stay in touch!