https://github.com/roverty/vanillajs
Material para el curso de Javascript
https://github.com/roverty/vanillajs
javascript-es
Last synced: 3 months ago
JSON representation
Material para el curso de Javascript
- Host: GitHub
- URL: https://github.com/roverty/vanillajs
- Owner: roverty
- Created: 2020-05-20T05:48:34.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2023-02-10T17:07:08.000Z (over 3 years ago)
- Last Synced: 2023-08-19T10:29:07.671Z (almost 3 years ago)
- Topics: javascript-es
- Homepage:
- Size: 8.61 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vanilla JS
Previous content can be found at: https://github.com/roverty/VanillaJS/tree/master/
## Good references
- [MDN web docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [JavaScript reference](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference)
- [javascript.info](https://javascript.info/)
- [What the f\*ck is JavaScript?](https://github.com/denysdovhan/wtfjs)
- [jshero](https://www.jshero.net/en/success.html)
## Before starting
1. [Basics of HTML](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics)
2. [Basics of CSS](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics)
3. [Basics of Git](https://git-scm.com/docs/gittutorial)
1. [Git repository](https://www.atlassian.com/git/tutorials/setting-up-a-repository)
2. [Saving changes](https://www.atlassian.com/git/tutorials/saving-changes)
3. [Undoing changes](https://www.atlassian.com/git/tutorials/undoing-changes)
## JS Syballus
This section is intended to learn the key concepts about JS usage, language considerations and of course, the basic syntax of the language, such as, variables, constants, control statements, arrays and more. However, we do not stop deeply into the basics of the syntax, since almost every languages have the same mechanisms to code (and we assume you get the basics of them).
Here, you are provided with some links, that are essential to know for learning more and more information.
Some of this links have more resources inside them, so, feel free to explore them and try videos (if it suits you better) about the topics that you are reading.
1. [JavaScript crash course](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics)
2. [Interpreted versus compile](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript#interpreted_versus_compiled_code)
3. [Server-side versus client-side code](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript#server-side_versus_client-side_code)
4. [ECMAScript 6 (ust as reference of what is it and what does it have?)](https://www.w3schools.com/js/js_es6.asp)
5. Building blocks
1. [Making decisions in your code — conditionals](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/conditionals)
2. [Looping code](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code)
3. [Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions)
4. [Functions in a summary](https://www.w3schools.com/js/js_functions.asp)
5. [Arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
6. [Rest parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters)
6. [Classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes)
1. [Object Oriented Programming (You may take this lesson in case you are not too familiar you OOP)](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_programming)
2. [Classes in JS](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Classes_in_JavaScript)
## JS intermediate
1. [JS Object Basics](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics)
2. [Object Prototypes](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_prototypes)
3. [Callback function](https://developer.mozilla.org/en-US/docs/Glossary/Callback_function)
4. [Promises](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Promises)
5. [Promises in deepth detail](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)
6. [High order functions](https://www.codecademy.com/learn/game-dev-learn-javascript-higher-order-functions-and-iterators/modules/game-dev-learn-javascript-iterators/cheatsheet)
7. [Map, filter and reduce](https://www.freecodecamp.org/news/javascript-map-reduce-and-filter-explained-with-examples/)
## Advanced
1. [KISS, DRY and YAGNI](https://sacavix.com/2021/01/principios-kiss-dry-wet-yagni/)
2. [Undersanding SOLID Principles with JS](https://hackernoon.com/understanding-solid-principles-in-javascript-w1cx3yrv)
3. [Dependency injection with JS](https://snyk.io/blog/dependency-injection-in-javascript/)