Extensions
HTML && CSS
- Auto close tag
- Auto rename tag
- HTML boilerplate
- HTML Snippets
- Path intellisense
- Prettier
- code formatter
- vscode icons
- liveserver
GIT
- git graph
- git lens
JavaScript
- ESLint
- JavaScript ES6 Code Snippets
- JavaScript Booster
- Nodejs snippets
- Thunder Client
- Visual Studio Intellicode
- Import cost
- JS Runner
Level 1
- Vscode extensions & setup
- HTML5 | Hypertext markup language
- Cache
- CSS3 (Cascade Style Sheet)
- Debug and changes in the browser
- Git:
- Platforms
- Commands
- Gitflow
- Best practices
- Teamwork
- Github cli
Referencias:
HTML y CSS
- https://www.w3schools.com/html/default.asp
- https://www.w3schools.com/css/css_syntax.asp
- https://www.freecodecamp.org/
- https://developer.mozilla.org/en-US/docs/Web/HTML
- https://2020.stateofjs.com/es-ES/technologies/front-end-frameworks/
- https://animista.net/
- https://fonts.google.com/
- https://getwaves.io/
- https://developers.google.com/fonts/docs/getting_started?hl=en#enabling_font_effects_beta
- https://www.w3schools.com/cssref/pr_class_display.asp
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://css-tricks.com/snippets/css/complete-guide-grid/
- https://css-tricks.com/snippets/css/
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties
- https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
GIT
- https://github.com/github/gitignore
- https://www.conventionalcommits.org/en/v1.0.0/
- https://danielkummer.github.io/git-flow-cheatsheet/
Utilidades
- https://cssbuttons.io/
- https://mycolor.space/
- https://neumorphism.io/#e8e8e8
- https://bgjar.com/
- https://jsoneditoronline.org/
- https://replit.com/
- https://overapi.com/
- https://ide.onelang.io/
- https://p5js.org/
- https://proto.io/freebies/onoff/
JavaScript
- https://momentjs.com/
- https://www.w3schools.com/jsref/dom_obj_event.asp
- https://javascriptweekly.com/
- https://www.codenews.app/
- https://www.javascript.christmas/2020
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/let
- https://es.acervolima.com/cuales-son-las-funciones-de-fabrica-en-javascript/
- https://lemoncode.net/lemoncode-blog/2018/1/29/javascript-asincrono
- https://www.youtube.com/watch?v=ZIToNxQof2I&t=6s&ab_channel=Programaci%C3%B3nenespa%C3%B1ol
- https://developer.mozilla.org/es/docs/Web/API/Fetch_API/Using_Fetch
- https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d
- https://www.w3schools.com/js/js_es6.asp#mark_symbol
- https://developer.mozilla.org/es/docs/Web/API/Geolocation_API
- https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/function*
- https://developer.mozilla.org/es/docs/Web/JavaScript/Closures
Level 2
- Javascript
- How it works?
- Variables && data types
- Arrays and JSON
- JS data types methods
- Conditionals and Iterators
- DOM management
- LocalStorage and SessionStorage
- Forms
- BOM
- Baseline methods and language theory:
- hoisting
- prototype
- Coercion
- this
- POO && comparación con Java
- Error handling
- References
- scopes
- Async
- Fetch
- Single line features
- ES6 && ES2021
- Recursividad
- Functional programming
- Reactive programming
- Apis:
- Web
- Storage
- Geolocation
- History
- Closures
- Generator functions
- Libraries and frameworks
Level 3
- NPM && package managers (yarn)
- webpack && snowpack
- Tomar en cuenta SEO
- React:
- hooks
- Angular:
- Estructura, cli, integraciones
- Vue:
Level 4
- Mysql
- Mongodb
- HTTP
- API REST
- Data flow in a web app
Level 5
- Backend && Frontend && database
- Backend with NodeJS
Level 6
- Backend deployment
- Frontend deployment
- SSL certs
- Cloud platforms
- Firebase
- Supabase
- Dedicated servers
- Sass
- SEO