FreeCodeCampBA / quick-start

:dash: Empezá por acá!

💻 freeCodeCamp BA Quick Start 🚀

Hola! 👋 Bienvenid@ a nuestra comunidad. ¡Acá tenés una guía rápida para empezar! ✨

Contenido

• Primeros pasos
  • Sitio y redes sociales
  • Bonus
• Recursos gratuitos complementarios
  • Referencias
  • HTML & CSS
  • JavaScript
  • NodeJS
  • Notas sobre JavaScript Full Stack
  • Git
  • eBooks
  • Yapa
• Organizadores

---

Primeros pasos

1. Antes que nada, leé nuestro FAQ y Código de Conducta.

2. Si todavía no lo hiciste, create una cuenta en GitHub.

3. Registrate en freeCodeCamp con tu cuenta de GitHub.

4. Unite a nuestro chat en Slack.

5. Tenés dudas sobre algo? Cómo pedir ayuda de la mejor manera.

6. Chequeá que te hayas unido a nuestra comunidad en Meetup y asegurate de hacer RSVP con tus datos los días que vayas a venir!* (obligatorio).

7. Nuestra filosofía de aprendizaje se basa en el intercambio entre pares: cuando aprendas algo nuevo podés enseñárselo a otra persona. Además, es la mejor forma de poner a prueba tus conocimientos.

8. Cualquier problema, consulta o sugerencia que tengas, comunicate con lxs organizadores.

(*) Por respeto y consideración con lxs demás, te pedimos que en caso de que sepas que no vas a poder asistir a algún encuentro actualices tu RSVP. Gracias.

Sitio y redes sociales

Para estar al tanto de todas las novedades

• Website
• Meetup
• Twitter
• Facebook
• Youtube
• Instagram
• Medium
• Slack
• Invitación al Slack
• eMail

Bonus

Algunas recomendaciones para pasar al siguiente nivel: habilidades necesarias para trabajar como dev.

• Hacé de la programación un hábito: no importa que puedas dedicarle poco tiempo por día, sino que seas constante.
• Andá a las Meetups! Hablar con gente que también está aprendiendo, del ambiente IT, compartir tus experiencias y hacer networking suman muchísimo. Acá tenés un calendario de diferentes eventos que se hacen cada mes.
• Enfocate en aprender los conceptos fundamentales, no las herramientas, librerías, frameworks, etc.
• No copies y pegues código ajeno en tus proyectos, tipeá cada caracter!
• En lugar de resolver los ejercicios usando Codepen o el editor de la plataforma, instalate un editor de texto y desarrollá localmente en tu máquina: Atom, Sublime Text y Visual Studio Code son excelentes alternativas gratuitas que podés usar. Probá y elegí el que más te guste!
• Usá Codepen y cualquier otro editor/IDE online sólo para compartir de manera fácil y rápida tus proyectos, no para desarrollarlos. Acá tenés un artículo con tips y buenas prácticas para usar Codepen.
• Aprendé y usá Git en todos tus proyectos.
• Subí todo tu código a tu cuenta de GitHub, en repositorios públicos. De ahora en más, tratalo como tu nuevo CV.
• Publicá gratis (si son open source) tus proyectos en la web y compartilos. Ideal para armar tu portfolio!
  • Sitios estáticos: GitHub Pages, Vercel, Netlify, Surge
  • Sitios dinámicos: Heroku, Vercel, Netlify
• Si estás leyendo algún libro o haciendo un curso complementario, completá los ejercicios.

---

Recursos gratuitos complementarios

Material gratuito que podés usar para complementar los de freeCodeCamp. Fueron elegidos para cubrir los aspectos esenciales.

Referencias

• MDN Mozilla Developer Guide – La referencia más completa sobre HTML, CSS & JS.
• DevDocs – Buscá en MDN de forma más cómoda. También funciona offline.
• Simplified JavaScript Jargon – Glosario que explica las palabras complicadas del ecosistema JS.

HTML & CSS

• HTML & CSS is hard (but it doesn’t have to be) – Una guía ilustrada para aprender HTML y CSS.
• htmlreference.io – Una guía de HTML con previews para cada feature.
• cssreference.io – Una guía de CSS con previews para cada feature.

JavaScript

• JavaScript For Cats – Una introducción para nuevos programadores.
• Practical JavaScript – Curso de JavaScript en video con un enfoque práctico, de nivel inicial a avanzado.
• JavaScript Basics – Curso de JavaScript complementario a los ejercicios de freeCodeCamp.
• JavaScript 101 – Workshop introductorio a la programación usando JavaScript.
• JavaScript Array Explorer – Encontrá el método de array que necesitás sin tener que buscar en la documentación.
• JavaScript Object Explorer – Encontrá el método de objetos que necesitás sin tener que buscar en la documentación.

Node.js

• The Art of Node – Introducción y tutoriales que cubren lo fundamental de NodeJS.
• The Node Beginner Book – Versión interactiva del libro. Aprendé NodeJS mientras creás una aplicación simple.
• Node JS Tutorial for Beginners – Tutorial de The Net Ninja.

Notas sobre JavaScript Full Stack

Notas de undefined school sobre diferentes conceptos de JavaScript, Node y otros.

JavaScript

Conceptos

• Funciones First-Class
• Callbacks
• Closures
• Event Loop

ES6+

• ES6: Array y Object Destructuring
• ES6: Spread Operator
• ES6: Modules
• ES6: Maps
• ES6: Promises
• ES2017: Async/Await

Frontend

• Manipulación del DOM
• Tailwind CSS
• Principios de React
• Conceptos básicos de React
• Redux

Backend

• NodeJS
• ExpressJS
• APIs
• Bases de Datos Relacionales
• Relaciones en DBs
• SQL
• Autenticación

Paradigmas

• Programación Orientada a Objetos en JS
• Programación Funcional en JS

Otros

• Deployments
• Git Rebase vs Git Merge

Git

• git - the simple guide – Una guía sencilla para comenzar con Git sin complicaciones.
• Learn Git Branching – Tutorial ineractivo de Git.
• Git & GitHub - freeCodeCamp
• Git & GitHub Tutorial for Beginners – Tutorial de The Net Ninja.

eBooks

• Eloquent JavaScript – Libro para empezar a programar en JS.
• You Don't Know JS (book series) – Serie de libros sobre el lenguaje.
• Exploring JS: JavaScript books for programmers – Serie de libros sobre JavaScript, de nivel avanzado.

Yapa

• ¿Querés más recursos gratuitos? ¡Buscá en nuestra Wiki!
• Learn Anything – Buscá lo que quieras aprender y listo!

---

Organizadores

• Ariel Gerstein (@arielger_)
• Roy Eden (@Royede)
• Luciano Ramello(@luchosr10)
• Gonzalo Pozzo(@goncy)
• Agustín Mulet (@AgustinDMulet)

---

Guía escrita por Nicolás Quiroz