- Docs mas oficiales de JS
- MDN Web Docs
- Javascript Info The Modern JavaScript Tutorial
- ECMA Script es Especificacion Lenguaje Oficial
- Essential tips that every aspiring or new web developer should take to heart
- [DevDocs](https://devdocs.io/] Multiple API documentation
- Tutorial paso a paso carrito compra
-
#uicomponents para practicar cientos de componentes para practicar
-
Mejor Curso React Gratis Supercompleto y muy bien explicado.
-
100daysofcode
-
codier Explore and attempt front-end coding challenges.
-
Web.Dev Explore our structured learning paths to discover everything you need to know about building for the modern web.
-
The Odin Project Your Career in Web Development. Our full stack curriculum is free and supported by a passionate open source community.
-
Los 10 mejores canales YouTube sobre desarrollo web en español
- Midudev - Miguel Angel Duran Todo sobre desarrollo web gratuito de frontend, y fullstack basado en FullStackOpen.
- Aprende JS - Carlos Azaustre js, frontend, backend
- Node de verdad - Julian Duque
- Hola Mundo - Nicolas Schürmann desarrollo web y ReactNative
- Blueeweb - Ignacio Gutierrez Frontend de forma sencilla y clara (html, css)
- Beta Tech - Martin Cristobal desarrollo en general y en particular algoritmos y patrones
- Guillermo Rodas Javascript, React y tecnologías afines
- Wmedia - Juan Andres Nuñez desarrollo Web moderno y productivo, en especial vue
- Pablo Sirera Nuxt y vue
- Antonio Sarosi desarrollo web, configurar linux, la terminal, conceptos sobre sistemas operativos, etc
-
HTML Graphics element you can draw shapes and designs using Html elements.]
-
8 Free Sites for Web Developers
- Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
- Hidden tools Explore a collection of tools to use for your next project. Search, filter, and find tools from a ton of different categories.
- Ray. Turn your code into beautiful images
- Magic patterns generate SVG/CSS patterns, gradients, and organic shapes to brand your product and social media posts.
- Programming language convertor A helpful tool where you can write & convert your code from one programming language into another.
- Json Placeholder Free fake API for testing and prototyping.
- Git Explorer Find the right git commands you need without digging through the web
- Mobile Palette Creator Generate stunning color palettes for your next mobile app.
-
5 great gradient background sites for every web developer and designer
-
5 great websites a web developer should visit
- CanIUse provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
- Web Skills Websites for all kind of learning resources for web developers
- Learn Shell this website is intended for everyone who wishes to learn programming with Unix/Linux shell interpreters.
- Programming Language Converter This is a super cool tool where you can convert code from one programming language into another.
- Git Ignore A collection of useful .gitignore templates for your project. Select from 442 Operating System, IDE, and Programming Language
-
6 GitHub repositories that can help you in writing better CSS code
-
JavaScript for Web Development JavaScript is an enormous language but you don't need to learn everything in the beginning. Here is a detailed explanation.
-
Learn how to implement your own secure sign-in for your web development projects using JavaScript, Node.js, and the Passport.js library You'll learn about HTTP headers, cookies, public key cryptography, and JSON Web Tokens. (6 hour YouTube course):
-
How to make a global weather app serving both iOS and Android users in ReactNative
-
SQL database engine purely using @typescript Proyecto en Github
-
Production best practices: performance and reliability in express
-
Object Oriented Programming in JavaScript – Explained with Examples
-
An experienced developer shares his favorite Chrome DevTools tips and tricks (5 minute read)
-
How to build a Progressive Web App from scratch with HTML, CSS, and JavaScript You'll build a simple coffee menu app that uses service workers and continues working even if you disconnect from the internet. (10 minute read)
-
CodePen The best place to build, test, and discover front-end code. CodePen is a social development environment for front-end designers and developers. * Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration
-
How to deploy a website in just 3 minutes straight from your Google Drive. (6 minute read)
-
The Ultimate Guide to End to End Tests with Selenium and Docker
-
How to write clean code An overview of JavaScript best practices and coding conventions. 8 minute read, plus video
-
A complete guide to end-to-end API testing with Docker You'll build a Node/Express API and test it with Chai and Mocha. (19 minute read)
-
Tailwind CSS A utility-first CSS framework for rapidly building custom designs. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. More
-
Learn UI design fundamental This course will teach you User Interface Design fundamentals like whitespace, visual hierarchy, and typography (1 hour interactive course)
-
Learn how to build your own social media app from scratch using React, Redux, Firebase, and Express - a full-length intermediate course - all free and with no ads (12 hour watch):
-
3 Approaches for Using the Google Sheets API in Node.js: A Tutorial
-
How I built my first React Native app for my first freelance client
-
The Modern JavaScript Tutorial From the basics to advanced topics with simple, but detailed explanations. Main course contains 2 parts which cover JavaScript as a programming language and working with a browser. There are also additional series of thematic articles.
-
Bulletproof node.js project architecture The correct organization of your node.js project structure will avoid duplication of code, will improve stability, and potentially, will help you scale your services if is done correctly.
-
Cómo instalar aplicaciones web progresivas (PWA) en Chrome desde Windows o macOS
-
Dynamic image resizing with Node.js and the Serverless Framework In this article, we'll take an in-depth look at the benefits of dynamic image resizing and walk you through using the Serverless Framework to resize your images dynamically with AWS Lambda. So, let's get to it!
-
Website with blog and portfolio using Vue.js + Nuxt + Markdown How I created my new website with portfolio and blog in two languages. What technology I used and why.
-
clean-code-javascript Clean Code Javascript es un repositorio en GitHub que contiene un montón de consejos, ejemplos y convenciones para crear un código limpio y mantenible. Desde naming de variables y funciones hasta SOLID y manejo de errores. ¡Recomendadísimo!
-
10 Best Tips for Learning Vue from Vue Masters If you’re a developer who is just starting out with Vue.js, jumping in can be both exciting and overwhelming. While everybody’s learning process is very different, I asked six Vue Masters the following question “What advice would you give developers who are just starting Vue.js that you wish you would have known?”
-
The Chronicles of JavaScript Objects Objects are the foundation of JavaScript and permeate its every aspect. Almost everything in JavaScript is an object. In fact, only six things are not objects. They are — null,undefined, strings, numbers, boolean, and symbols. These are called primitive values or primitive types.
-
Nuxt.js Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.
-
Web con blog y portfolio usando Vue.js + Nuxt + Markdown Cómo he creado mi nueva web con portfolio y blog en dos idiomas. Qué tecnología he utilizado y por qué
-
Build a Basic CRUD App with Vue.js and Node This tutorial will take you step by step through scaffolding a Vue.js project, offloading secure authentication to Okta’s OpenID Connect API (OIDC), locking down protected routes, and performing CRUD operations through a backend REST API server.
-
Write less code, ship more apps: How Vulcan.js makes me an efficient developer Who hasn’t dreamt they could create web and mobile applications from scratch in a matter of days, while using cutting-edge technologies? With good programming patterns and a well-chosen framework, this dream is not as unrealistic as it seems… and Vulcan.js is the answer!
-
Hello, Create React App 2.0! Create React App provides an environment for learning React with zero configuration, developed by the React team at Facebook Open Source to help you jump-start your application.
-
A crash course on Serverless APIs with Express and MongoDB creating a production-ready Express API running on AWS Lambda with a persistent MongoDB data store.
-
I created the exact same TODO app in React and Vue. Here are the differences
-
Create a simple weather app using Node.js, Express, and React
-
Installable Web Apps: A Practical Introduction To PWAs with JavaScript and Node.js
-
Offline-First with Node.js and Hoodie: A Practical Introduction to Progressive Web Apps
-
How to use Chrome DevTools to do modern web development right in your browser (50 minute watch)
-
Ahora puedes implementar tu app de Node.js en el entorno estándar de App Engine
-
How to deploy a Node.js application to AWS Lambda using Serverless
-
Create a simple weather app using Node.js, Express, and React
-
Como hacer una App Lista de Tareas con Javascript tutorial dentro de un buen curso Básico de Javascript desde 0
-
Build a Serverless Online Quiz with Google Cloud Functions and Cloud Firestore
-
Node.js, Express.js, Mongoose.js and Passport.js Authentication
-
TodoMVC Helping you select an MV* framework
-
ggalmazor - Refactoring to functions workshop This is a NodeJS project. You should do the following steps build: NodeJS 6 or greater is required
git clone https://github.com/ggalmazor/string-calculator-es6-refactor-workshop.git
Enter directory clonedcd string-calculator-es6-refactor-workshop
Download dependencies withnpm install
oryarn
Run the tests withnpm run test
oryarn test
If you can follow these steps and you get a report of 7 passing tests, sit back and relax. -
[Structuring JavaScript projects for testability](Structuring JavaScript projects for testability)
-
Aplicaciones de alto rendimiento con Node.js (V). Ejemplos de conexion a BBDD
-
Express.js Tutorial: Building RESTful APIs with Node and Express
-
JavaScript in Half an Hour (Without jQuery!) una demo muy basica y dinamica de como funciona javascript en browser.
-
Live Coding a Trello Clone with AngularJS and Node.js (MEAN stack)
-
Implementing SOLID and the onion architecture in Node.js with TypeScript and InversifyJS
-
UI Testing Myths
-
Myth 1: "Tests always break when I make any changes to the code" This is actually a truth... if the tests are written incorrectly. If your test is testing implementation details, then of course they’ll break when the implementation changes! But your user doesn’t care about the implementation details. In fact, they don’t even care whether you’re using React, Angular, or jQuery. So for the most part, your tests shouldn’t care about that either. 💯 Unfortunately, many tools out there encourage testing implementation details. Do that and you’ll often wind up rewriting tests. “Why am I even testing this!?” you’ll ask yourself, and I don’t blame you. That’s why on TestingJavaScript.com I show you how test the right way.
-
Myth 2: "I can’t test a “connected” redux component" The conventional wisdom of testing components that use Redux is that you should test the component in isolation from Redux, and then test the Redux action creators and reducers separately. But if you do this, your tests can’t give you any confidence that your components communicate properly with Redux. Instead, you can actually test your connected component with your real Redux store. Do this, and you’ll get the confidence that your component is rendering properly, and that the Redux action creators and reducers are all working together in tandem. Just like they will in production. ✅ On TestingJavaScript.com, I show you how to test in this way. The same concepts apply for React Router 🔀 and other providers (like the Theme Provider from emotion 👩🎤), and the course will show how to apply this method to those, too!
-
Myth 3: "End-to-End tests are slow and brittle" This, too, can be true if the tests are written incorrectly. A common mistake I see in E2E testing is doing the same things in every test—for instance, every test going through the whole registration and login flow before doing whatever is needed for the test. When you do stuff like this, you start seeing a lot of duplication, and that’s when you start creating things like “page objects” (which is a poor practice). 😐 On TestingJavaScript.com, I show you how you can get confidence that the registration and login flows are working, and then skip those for the rest of your tests so you can significantly speed up the tests and reduce the points of failure. When you write tests this way and use tools like cypress-testing-library, practices like page objects are totally unnecessary, and your tests are easier to maintain, more reliable, and run faster. You might even find yourself replacing Chrome with Cypress as your development workflow tool (which I show you how to do in the course as well!) 😱
-
More references:
-
Este tutorial node.js recoge toda la información relevante para el desarrollo en este entorno de desarrollo.
Este manual quiere que aprendas el 80% de todo JavaScript en 20% del tiempo Javascript Handbook
Developer Roadmap Roadmap to becoming a Web Developer in 2019 is a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.
NPM - Todo lo que necesitas saber
Crear fichero hello.js con editor o con el siguiente codigo:
$ echo 'console.log("Hello, World!");' > hello.js
$ node hello.js
Hello, World!
Crea un fichero HelloServer.js con el siguiente codigo:
var http = require('http');
http.createServer(function (request, response) {
response.writeHead(200, {'Content-Type': 'text/plain'});
response.end('Hello Server\n');
}).listen(8080);
console.log('Server started');
Salva el fichero y ejecuta el comando:
$ node HelloServer.js
Verás en el terminal 'Server Started' y abriendo en navegador http://localhost:8080 aparece el mensaje 'Hello Server'
- Making your UI tests resilient to change
- Testing React — an overview Testing your frontend application has never been easier before. Within this article, I’ll explain different levels of testing your application as well as the most suited solutions for testing the specified levels. Also, there is a repository located at https://gitlab.com/takethefake/react-testing-todo where all best practices are used.
- Demystifying JavaScript Testing
- Da potencia y flexibilidad a tus tests con Jest
- What is a JavaScript test?
- Unit testing in JavaScript Part 3 - Test runners
- Unit testing in JavaScript Part 6 - Red, Green, Refactor and Jest mocks
- Curso de Testing Javascript Moderno
- Lo mejor y peor de Mocha y de los unit tests en JavaScript
- A TDD Approach to Building a Todo API Using Node.js and MongoDB
- End to End Testing with Google's Puppeteer and Jest
- Cypress Fast, easy and reliable testing for anything that runs in a browser.
- Pruebas asíncronas en node.js
- An Async Example
- Jest. Matchers
- Testing Asynchronous Code
- An Async Example
- Awesome automated testing setup
- How to Test JavaScript Code in a Browser
- Contract Testing for Node.js Microservices with Pact Contract testing helps ensure the compatibility of microservices and decouples the development and deployment processes of software teams.
Presentar un contador de accesos facilmente sin necesitar ninguna base de datos creando el fichero '03-Counter.js' con el codigo:
var http = require('http');
var userCount = 0;
http.createServer(function (request, response) {
console.log('New connection');
userCount++;
response.writeHead(200, {'Content-Type': 'text/plain'});
response.write('Hello!\n');
response.write('We have had '+userCount+' visits!\n');
response.end();
}).listen(8080);
console.log('Server started');
ejecutar el siguiente comando,
node 03-Counter.js
Cuando accedemos a (http://localhost:8080) veremos un contador de vistas. El contador aumenta de dos en dos, porque en cada peticion del navegador, también se pide el favicon desde el servidor (http://localhost:8080/favicon.ico). Igualmente el servidor presenta en pantalla dos mensajes por cada petición del navegador.
Controlar la ejecución asíncrona
Formas de manejar la asincronía en JavaScript
callbacks promesas y async-await
Callbacks Now we're going to take a look at callbacks and what makes them so useful.
Creando y utilizando callbacks
Write Your Own Node.js Promise Library from Scratch
Ejemplos de carga síncrona y asíncrona de Javascript. Problemas y soluciones
05 - server_http
Build a Basic CRUD App with Vue.js and Node This tutorial will take you step by step through scaffolding a Vue.js project, offloading secure authentication to Okta’s OpenID Connect API (OIDC), locking down protected routes, and performing CRUD operations through a backend REST API server. This tutorial uses the following technologies but doesn’t require intimate knowledge to follow along:
- Vue.js with vue-cli, vue-router, and Okta Vue SDK
- Node with Express, Okta JWT Verifier, Sequelize, and Epilogue
Logality a versatile and powerful logger for Node.js
Buefy Lightweight UI components for Vue.js based on Bulma
Robot Fast 1kB functional library for creating Finite State Machines
Danfo.js es una biblioteca de JavaScript de código abierto que proporciona estructuras de datos de alto rendimiento, intuitivas y fáciles de usar para manipular y procesar datos estructurados. Está inspirada en gran medida en la biblioteca de Pandas para Python y proporciona una interfaz y API similares. Esto significa que los usuarios que están familiarizados con la API de Pandas y conocen JavaScript pueden comenzar a usarla de inmediato.
- 7 FREE Sites For Web Developers You Probably Didn't Know Existed
- gtmetrix See how your site performs, reveal why it's slow and discover optimization opportunities.
- Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks. Here you can create a Node.js app using few clicks: Create Data Models 📁, Push code to GitHub directly from Amplication 📲, Connect from code using GraphQL or REST 📃
- Beginner's Guide to JavaScript Static Code Analysis
- Volta Install and run any JS tool quickly and seamlessly! Ensure everyone in your project has the same tools—without interfering with their workflow. No matter the package manager, Node runtime, or OS, one command is all you need: volta install.
- Bootstrap Studio A powerful desktop app for creating responsive websites using the Bootstrap framework.
Glitch. Online Platform to develop node
javascript reporting server innovative and unlimited reporting based on javascript templating engines
Continuous Integration and deployment(CI/CD Pipeline) with Jenkins and Node.js
Nodebook is an in-browser REPL supporting many programming languages. Code's on the left, Console's on the right. Click "Run" or press Ctrl+Enter or Cmd+Enter to run your code. Code is automatically persisted on the file system.
Node.js task runners: Are they right for you?
FlexSearch.js A Full Text Search Library
Redux Starter Kit A simple set of tools to make using Redux easier https://redux-starter-kit.js.org
What Is Redux: A Designer’s Guide
Nuxt.js Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.
Chrome DevTools - CSS and JS code coverage
Eliminate an entire category of bugs with a few simple tools
Using Prettier to Format Your JavaScript Code
Noderize Noderize lets you create Node apps in less than 30 seconds.
Top JavaScript VSCode Extensions for Faster Development
Why we chose Flutter and how it’s changed our company for the better.
How to Use npm as a Build Tool
You do console.log in any place of the code WITHOUT code modification With @ChromeDevTools you can create "conditional breakpoint". If you add console.log into the condition, the debugger will not pause, because console.log returns undefined.
[Local Servers with public URLs]
Everyone can now run JavaScript on Cloudflare with Workers
Deploy your first App with Heroku and Node.js
Learn the smart, efficient way to test any JavaScript application
jsPDFClient-side JavaScript PDF generation for everyone
A beginner's guide to continuous integration
Complete Node.js Project Setup from Docker to Testing
Deep JavaScript: Theory and techniques
You don´t know JS: Up Going (Kyle Simpson). Javascript Grammar was created to speed up the learning process of JavaScript – the language for programming websites, applications and robots!
Node.js vs Python for a Beginner’s Web App
The Definitive Node.js Handbook
A JavaScript String Methods Cheatsheet
- Did you know that Google has its own JavaScript style guide? It lays out best practices for writing clean, understandable code. Here are some of the highlights (7 minute read): https://fcc.im/2GtBwN3
2018 NODE.JS USER STUDY DETAILED REPORT OF FINDINGS Node.js is emerging as a universal development framework for digital transformation with a broad diversity of applications. With nearly 10 million Node.js users, three in four users are planning to increase their use of Node.js in the next 12 months. Node users continue to report positive business impact, including improving developer productivity and satisfaction and lowering cost.
El libro para principiantes en node.js
Digital Transformation with the Node.js DevOps Stack, PayPal, Netflix, and Walmart show the way to do rapid digital transformation of legacy systems
How Fintonic uses Node.js, MongoDB & Kubernetes to scale, es un artículo sobre la arquitectura y escalabilidad de Fintonic.
https://learnvanillajs.com/roadmap/
This is an excellent path to follow from the very beginning. It's clear and concise and also gives some great suggestions for resources and even project ideas! I think the project ideas in particular are interesting because it's often a ticking point with "what do I make"
While I'm personally a huge fan of just making more and better todo lists, mixing it up is fun too.
https://learnjavascript.online/
This is a comprehensive from-the-beginning interactive experience. It's a book, but it integrates flash cards and excellent interactive code exercises.
It's a remarkable clean presentation and a very effective learning experience.
For us at egghead, it's inspiring and we want to start adding this type of functionality to our courses!
https://learn.co/courses/introduction-to-javascript
This is Flat Iron's introduction to JavaScript, and it is excellent. They give you a free trial, and I'm not sure what the full program costs, but Flat Iron is one of the best bootcamps out there and this course shows it.
https://watchandcode.com/p/practical-javascript
This is a concise free course from Gordon Zhu that provides an excellent entry point for folks new to JS.
https://javascript.info/ This is a free book, and it is a comprehensive intro to JavaScript. It is freshly rewritten and provides an excellent starting point to learning JavaScript.
Best free resources to learn Node.js
How to prevent your Node.js process from crashing. Una promesa sin manejar actualmente provoca un mensaje de aviso, pero en el futuro avisa que provocara el cierre del proceso node con un codigo de salida de error. Este artículo indica como reaccionar por programa a esas promesas sin manejar, por ejemplo enviando la pila de traza a uns servicio de reporting con el objetivo de tener la información y mantener el proceso activo.
Implementing Feature Flags with Node and React
- Pablo Sirera. Aprende desarrollo web
- Learn Node.js and start executing JavaScript outside of the browser
Can you tell me if your Node app is healthy? #ppt
- npm blocked - https://www.npmjs.com/package/blocked Check if a node event loop is blocked
- Influx Data integrates real-time analytics, event handling, and time-based data with Open Source plugins
- Graphana - A quick way to generate helpful, pre-canned grafana dashboards for Cloudwatch and Graphite
Node.js En Vivo Episodios de Node.js en Vivo en Español
Desarrolla integraciones con bots a través de la plataforma y la API de Hangouts Chat
Hacking de Videojuegos con JavaScript Recomendada por Bonilla
Build the future of the web with modern JavaScript (Google I/O ’18)
Creating an autocomplete component with downshift
MongoDB Node.js, Express.js, and Mongoose (75 minute watch)
MongoDB Tutorial - CRUD app from scratch using Node.js
Intro to Game Development with JavaScript
- Myth 1: "Tests always break when I make any changes to the code"
- Myth 2: “I can’t test a ‘connected’ redux component”
- Myth 3: “End-to-End tests are slow and brittle”
- 10 Websites that will help you improve your frontend skills by building real-world projects
- Learn to code four Node.js projects. Free 10-hour course on full-stack JavaScript This course taught by legendary freeCodeCamp teacher John Smilga will walk you through building four Node.js and Express.js projects. You'll build your own task manager, ecommerce API, login dashboard using JWT, and finally your own job board API. These projects will give you a sound foundation in API design and back end JavaScript web development. (10 hour YouTube course)
- Use these websites to download free web templates for your next web development projects
- ColorLib
- Nice Page
- Free CSS
- Free Website Templates
- Templatemo
- Monsterpost's Free website templates
- Theme Hunt
- Theme Wagon
- Creative Tim
- Theme Fisher Web development illustrated
#javascript ES6 cheatsheet — String Templates
The Ultimate Guide to JavaScript Algorithms
WhatsApp Clone with Meteor CLI and Ionic
Handling Time Zone in JavaScript
Trilium Notes Build your personal knowledge base with Trilium Notes. A Knowledge Base App Built on Express.js (A hierarhical note taking app. Built as an Express app but also includes Electron packaging.)
Web application used for BilboStack feedback and questions
Build a Basic CRUD App with Vue.js and Node
Creating a Reusable Pagination Component in Vue
Creating and Reading QR Codes with Node.js
A blockchain in 200 lines of code
Blockchain programado con JavaScript
Awesome Node.js opensource projects
Crear una BlockChain en Node.js sirve para aprender que es una Blockchain, creando una simplificacion con Node.js
Winamp2-js El clásico Winamp 2.9 en HTML5 y JavaScript como código abierto.
Build a complete mobile app with Ionic 3 For this ionic tutorial I built an app with a question and answer format, where users will be able to ask and answer questions. The home page will have a list of categories. Each category will have a list of questions, and each question will have a list of answers. Users will also have the possibility to vote the questions and answers, plus a form for creating questions and answers.
Friendly Pix es un clon de Instagram desarrollado por Google como aplicacion de ejemplo usando Firebase.
How to Create a Slack App in 3 Minutes
Los 10 mejores ejemplos de aplicaciones Node.js para empresas
¿Por qué usar Javascript para el IoT?
¿Por qué deberías convertir tu Mobile Site en una aplicación web progresiva (PWA)?
Los 10 mejores ejemplos de aplicaciones Node.js para empresas
-
How to build your own 8-Ball Pool game from scratch using JavaScript and HTML5 - a comprehensive video tutorial (1 hour watch): https://www.youtube.com/watch?v=aXwCrtAo4Wc
-
JavaScript symbols, iterators, generators, async/await, and async iterators — all explained simply (14 minute read): https://medium.freecodecamp.org/4003d7bbed32
-
How to use JavaScript Regular Expressions to rapidly search through text (12 minute read): https://medium.freecodecamp.org/48b46a68df29
-
How to code your own YouTube app: a full YouTube API tutorial with code examples (1 hour watch): https://www.youtube.com/watch?v=9sWEecNUW-o
Building a Snipping Tool with Electron, React and Node.js
Creating an Instagram Bot With Node.js
- Functional JS
- Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
- Pomotroid Pomodoro Timer Desktop App
Getting Started Tutorial This tutorial will build an extension that allows the user to change the background color of any page on developer.chrome.com. It will use many core components to give an introductory demonstration of their relationships.
How to Create and Publish a Chrome Extension in 20 minutes Follow these steps and your idea will turn into reality and you’ll be able to publish a real extension in the Chrome Web Store in no time.
Create a Chrome Extension in 90 Seconds Creating a Chrome extension requires a manifest.json file which defines how your extension will behave. With a minimal setup, you can already manipulate pages and change elements. This lesson walks you through creating a manifest.json file which will essentially "block" twitter and reddit and tell you to get back to work.