aca-se-aprende-prog

1.Introducción a Web y Javascript

Referencias:

• Web: https://docs.google.com/document/d/1UFVP30--3HOOv5uKy3o9nlSqo2W-rbih1TShWyIAKxo/edit?usp=sharing
• Web/js: http://www.howtocreate.co.uk/jshistory.html
• Javascript: https://auth0.com/blog/a-brief-history-of-javascript/
• https://www.modernjs.com/what-is-modern-js.html

Práctica:

• Chrome DevTools: https://developers.google.com/web/tools/chrome-devtools/
• Javascript Standard Objects https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects

2.Introducción a HTML, CSS y DOM

Referencias:

• HTML: https://www.w3schools.com/html/default.asp
• CSS: https://www.w3schools.com/css/default.asp
• DOM: https://www.w3schools.com/js/js_htmldom.asp
• Support of features: https://caniuse.com/#home

Práctica:

• HTML 1: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started
• HTML 2: https://developers.google.com/web/tools/chrome-devtools/beginners/html
• CSS: https://developers.google.com/web/tools/chrome-devtools/beginners/css
• DOM: Using the DOM like a Pro

3. Funciones, objetos, clases y módulos

Referencias:

• Módulos en Javascritp: https://ponyfoo.com/articles/brief-history-of-modularity https://medium.freecodecamp.org/javascript-modules-a-beginner-s-guide-783f7d7a5fcc
• Tutorial bueno: https://exploringjs.com/impatient-js/toc.html

Práctica:

• https://glitch.com/edit/#!/wooded-gull

4. Node.js, packages y bundles

Referencias:

• Introdución: https://www.modernjs.com/modern-js-essentials.html https://dev.to/hoangbkit/a-complete-guide-to-javascript-tooling-56eg
• Linting: https://medium.com/@danielsternlicht/thoughts-about-javascript-linters-and-lint-driven-development-7c8f17e7e1a0 https://eslint.org/
• Package managers: npm (yarn?)
• Transpilers: Babel
• Bundlers: Webpack (Rollup & Parcel?)

Práctica:

• Crear el esqueleto del proyecto en node.js para usar es6 con babel, Webpack y hot deploy https://medium.com/@jeffrey.allen.lewis/the-ultimate-2018-webpack-4-and-babel-setup-guide-npm-yarn-dependencies-compared-entry-points-866b577da6a

5. Responsive CSS y Frameworks UI

Referencias:

• Responsive: https://www.w3schools.com/css/css_rwd_intro.asp
• Flex: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• Grid: https://css-tricks.com/getting-started-css-grid/ https://css-tricks.com/snippets/css/css-grid-starter-layouts/
• CSS Preprocessors: Sass https://sass-lang.com/ https://htmlmag.com/article/an-introduction-to-css-preprocessors-sass-less-stylus
• Javascript Framewoks: https://carlosazaustre.es/frameworks-de-javascript/
• Framework UIs: Bootstrap (Material Design?, Foundation?) https://blog.teamtreehouse.com/the-rundown-bootstrap-vs-google-mdl-vs-foundation https://getbootstrap.com/ https://material.io/develop/web/docs/getting-started/

Práctica:

• Incorporar uno de los framework UI al proyecto

6. React

• TODO

7. HTTP, Rest, Ajax y Json

• TODO

8. Asincronismo, callbacks, promises y async/await

• TODO

9. Persistencia SQL

• TODO

10. Persistencia NoSQL

• TODO

11. Deployment

• TODO