A guide to the adventurer.
Javascript has become, over the years, one of the most used programming languages in the world. First it was only used on the browser (client side without frameworks or with frameworks like React, Angular or Vue). Then it was used also in the server side with Node.js. Then it started appearing also in the desktop with the Electron GUI ( Visual Studio Code editor is one of the best examples, as is the Joplin note system). Then it appeared in mobile development with the React Native . It's also used for Machine Learning TensorFlow.js and for embedded development in micro-controllers. So currently, Javascript is all over the place in all possible development areas.
In this page I will list some of the links that I have found to be more interesting to a person that is starting to learn Javascript.
Obviously, this is only a starting point in a journey. But I think it's good start.
-
Visual Studio Code
Developed in Javascript, this open source project is built in Electron by Microsoft and works in Windows, Linux and Mac. -
Visual Studio plugin - Live Server
It serves the HTML page and updates the page when each file is updated (Javascript, HTML and CSS).
-
Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming
472 pages
by Marijn Haverbeke
Free on the web -
JavaScript: The Good Parts
176 pages
by Douglas Crockford -
Secrets of the JavaScript Ninja 2nd Edition
464 pages
by John Resig, Bear Bibeault, Josip Maras -
JavaScript and JQuery: Interactive Front-End Web Development
640 pages
by Jon Duckett -
HTML and CSS: Design and Build Websites
490 pages
by Jon Duckett
-
React
A JavaScript library for building user interfaces -
Angular
One framework. Mobile & desktop. -
Vue.js
The Progressive JavaScript Framework
-
JQuery
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. -
Bootstrap
Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.
React is a component based browser client UI building framework for Javascript.
-
Video - React JS Crash Course <br [Transversy Media]
-
Video - Redux Crash Course With React
[Transversy Media]
-
React Developer Tools for Chrome
It allows you to see in debugging, the state of the components of React directly. -
Create React App
Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration. -
Plugin in Visual Studio Code - search for "Es7 React/Redux/GraphQL/React-Native snippets"
This plugin facilitates the creation by giving a template for new components and other stuff. -
Typicode
Gives a dummy json REST API's in the internet for development
- The Road to learn React: Your journey to master plain yet pragmatic React.js
200 pages
by Robin Wieruch
Electron is a multi-platform (Windows, Linux, Mac) desktop Client GUI that uses the browser Chromium in one or more windows of desktop. It also uses Node.js and Javascript. It comes with tools that generate execution files, automatic installation and update of the application. Has API's for the direct access to native hardware, like files, printers, notifications and much more. The applications made in Electron normally are really fast. The Visual Studio Code editor, the Atom editor and the Joplin note system are good examples of applications made with Electron.
-
Writing Your First Electron App
(From te Electron site...) -
Electron Fiddle
Demo application for the development of Electron APP's, with several examples that can be used to explore the Electron API. -
Awesome Electron list
Useful resources for creating apps with Electron. -
Electron-Forge
A complete tool to build modern Electron application, see github.
-
electron/simple-samples
Small applications with ideas for taking them further. -
electron/electron-api-demos
An Electron app that teaches you how to use Electron from the Electron project. -
hokein/electron-sample-apps
Small demo apps for the various Electron APIs.
Shows many Electron APP's including one that integrates with the Javascript 3D engine Three.js.
-
Video - Learn Electron in Less than 60 Minutes - Free Beginner's Course
-
Video - An Intro To Electron - Desktop Apps with JavaScript
Traversy Media 2017 -
Video - Build an Electron App in Under 60 Minutes
Traversy Media 2017 - In this video the author talks about the necessity to know about DOM manipulation with Javascript. -
Video - Code Challenge: Criando app com Electron do zero
[2019 - 2H 20m] in Portuguese -
Video - Electron Desktop Apps With JavaScript
2019 - Example of how to create an Electron App that has inside the integrated text editor Monaco. Monaco is the base component of Visual Studio Code.
- Electron in Action
376 pages
by Steven Kinney
-
MaterializeCSS
CSS site with pre defined styles. -
Icon Archive
It has a version of each icon for each platform different formats.
-
Monaco Editor
See playground with many interesting examples of how to use the API calls of Monaco.
-
DevTron
An Electron DevTools extension to help you inspect, monitor and debug your app. It allows you to debug the IPC - Inter Process Communication, inside Electron. -
Visual Studio Code node Tools debug.
-
The chromium type inside browser debug tools.
- Spectron
- Electron-builder
A complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box.
[2017 info]
Platform | Update method |
---|---|
macOS | Squirrel.Mac |
Windows | Squirrel |
Linux | None |
- Electron-Updater
This system is a better update system for an Electron application based on update events.
Best regards,
Joao Nuno Carvalho