├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Free Code Camp BA 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # :computer: freeCodeCamp BA Quick Start :rocket: 2 | 3 | ### Hola! :wave: Bienvenid@ a nuestra comunidad. ¡Acá tenés una guía rápida para empezar! :sparkles: 4 | 5 |
6 | 7 | ## Contenido 8 | 9 | - [Primeros pasos](#primeros-pasos) 10 | - [Sitio y redes sociales](#sitio-y-redes-sociales) 11 | - [Bonus](#bonus) 12 | - [Recursos gratuitos complementarios](#recursos-gratuitos-complementarios) 13 | - [Referencias](#referencias) 14 | - [HTML & CSS](#html--css) 15 | - [JavaScript](#javascript) 16 | - [NodeJS](#nodejs) 17 | - [Notas sobre JavaScript Full Stack](#notas-sobre-javascript-full-stack) 18 | - [Git](#git) 19 | - [eBooks](#ebooks) 20 | - [Yapa](#yapa) 21 | - [Organizadores](#organizadores) 22 | 23 | --- 24 | 25 |
26 | 27 | ## Primeros pasos 28 | 29 | 1. Antes que nada, leé nuestro **[`FAQ`](https://bit.ly/fccba-faq)** y **[`Código de Conducta`](https://bit.ly/fccba-codigo)**. 30 | 31 | 2. Si todavía no lo hiciste, create una cuenta en **[`GitHub`](https://github.com/)**. 32 | 33 | 3. Registrate en **[`freeCodeCamp`](https://www.freecodecamp.com/)** con tu cuenta de GitHub. 34 | 35 | 4. Unite a nuestro **[`chat en Slack`](https://bit.ly/fccba-chat)**. 36 | 37 | 5. Tenés dudas sobre algo? **[`Cómo pedir ayuda`](https://forum.freecodecamp.com/t/how-to-get-help-when-you-are-stuck/19514)** de la mejor manera. 38 | 39 | 6. Chequeá que te hayas unido a **[`nuestra comunidad en Meetup`](https://bit.ly/fccba-meetup)** y asegurate de hacer `RSVP` con tus datos los días que vayas a venir!\* **(obligatorio)**. 40 | 41 | 7. Nuestra filosofía de aprendizaje se basa en el **[`intercambio entre pares`](https://en.wikipedia.org/wiki/Peer_learning)**: cuando aprendas algo nuevo podés enseñárselo a otra persona. Además, es la mejor forma de poner a prueba tus conocimientos. 42 | 43 | 8. Cualquier problema, consulta o sugerencia que tengas, comunicate con lxs **[`organizadores`](#organizadores)**. 44 | 45 | \(\*) 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. 46 | 47 | ### Sitio y redes sociales 48 | 49 | > Para estar al tanto de todas las novedades 50 | 51 | - **[`Website`](https://freecodecampba.org)** 52 | - **[`Meetup`](https://bit.ly/fccba-meetup)** 53 | - **[`Twitter`](https://bit.ly/fccba-twitter)** 54 | - **[`Facebook`](https://bit.ly/fccba-facebook)** 55 | - **[`Youtube`](https://bit.ly/fccba-videos)** 56 | - **[`Instagram`](https://bit.ly/fccba-instagram)** 57 | - **[`Medium`](https://bit.ly/fccba-medium)** 58 | - **[`Slack`](https://bit.ly/fccba-slack)** 59 | - **[`Invitación al Slack`](https://bit.ly/fccba-slack-invitation)** 60 | - **[`eMail`](mailto:freecodecampba@gmail.com)** 61 | 62 | ### Bonus 63 | 64 | > Algunas recomendaciones para pasar al siguiente nivel: habilidades necesarias para trabajar como dev. 65 | 66 | - Hacé de la programación un hábito: no importa que puedas dedicarle poco tiempo por día, sino que seas constante. 67 | - 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á`](https://meetupjs.com.ar/calendario.html)** tenés un calendario de diferentes eventos que se hacen cada mes. 68 | - Enfocate en aprender los **conceptos fundamentales**, no las herramientas, librerías, frameworks, etc. 69 | - No copies y pegues código ajeno en tus proyectos, tipeá cada caracter! 70 | - 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`](https://atom.io/)**, **[`Sublime Text`](https://www.sublimetext.com/)** y **[`Visual Studio Code`](https://code.visualstudio.com/)** son excelentes alternativas gratuitas que podés usar. Probá y elegí el que más te guste! 71 | - Usá **[`Codepen`](https://codepen.io/)** y cualquier otro editor/IDE online **sólo** para compartir de manera fácil y rápida tus proyectos, **no para desarrollarlos**. **[`Acá`](https://medium.com/@lucianoramello/usando-codepen-tips-y-buenas-prácticas-7a61183face1)** tenés un artículo con tips y buenas prácticas para usar Codepen. 72 | - Aprendé y usá **[`Git`](https://git-scm.com/)** en todos tus proyectos. 73 | - Subí todo tu código a tu cuenta de GitHub, en repositorios públicos. De ahora en más, tratalo como **tu nuevo CV**. 74 | - Publicá **gratis** (_si son open source_) tus proyectos en la web y compartilos. Ideal para armar tu portfolio! 75 | - Sitios _estáticos_: **[`GitHub Pages`](https://pages.github.com/)**, **[`Vercel`](https://vercel.com/)**, **[`Netlify`](https://www.netlify.com/)**, **[`Surge`](https://surge.sh/)** 76 | - Sitios _dinámicos_: **[`Heroku`](https://www.heroku.com/)**, **[`Vercel`](https://vercel.com/)**, **[`Netlify`](https://www.netlify.com/)** 77 | - Si estás leyendo algún libro o haciendo un curso complementario, completá los ejercicios. 78 | 79 | --- 80 | 81 | ## Recursos gratuitos complementarios 82 | 83 | > Material gratuito que podés usar para complementar los de freeCodeCamp. Fueron elegidos para cubrir los aspectos esenciales. 84 | 85 | ### Referencias 86 | 87 | - **[`MDN Mozilla Developer Guide`](https://developer.mozilla.org/en-US/)** – La referencia más completa sobre HTML, CSS & JS. 88 | - **[`DevDocs`](https://devdocs.io/javascript)** – Buscá en MDN de forma más cómoda. También funciona offline. 89 | - **[`Simplified JavaScript Jargon`](https://jargon.js.org)** – Glosario que explica las palabras complicadas del ecosistema JS. 90 | 91 | ### HTML & CSS 92 | 93 | - **[`HTML & CSS is hard (but it doesn’t have to be)`](https://internetingishard.com/html-and-css/)** – Una guía ilustrada para aprender HTML y CSS. 94 | - **[`htmlreference.io`](https://htmlreference.io/)** – Una guía de HTML con previews para cada feature. 95 | - **[`cssreference.io`](https://cssreference.io/)** – Una guía de CSS con previews para cada feature. 96 | 97 | ### JavaScript 98 | 99 | - **[`JavaScript For Cats`](https://jsforcats.com/)** – Una introducción para nuevos programadores. 100 | - **[`Practical JavaScript`](https://watchandcode.com/p/practical-javascript)** – Curso de JavaScript en video con un enfoque práctico, de nivel inicial a avanzado. 101 | - **[`JavaScript Basics`](https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5)** – Curso de JavaScript complementario a los [ejercicios de freeCodeCamp](https://www.freecodecamp.org/map#nested-collapseBasicJavaScript). 102 | - **[`JavaScript 101`](https://github.com/javascript-101/javascript-101)** – Workshop introductorio a la programación usando JavaScript. 103 | - **[`JavaScript Array Explorer`](https://sdras.github.io/array-explorer/)** – Encontrá el método de array que necesitás sin tener que buscar en la documentación. 104 | - **[`JavaScript Object Explorer`](https://sdras.github.io/object-explorer/)** – Encontrá el método de objetos que necesitás sin tener que buscar en la documentación. 105 | 106 | ### Node.js 107 | 108 | - **[`The Art of Node`](https://github.com/maxogden/art-of-node#readme)** – Introducción y tutoriales que cubren lo fundamental de NodeJS. 109 | - **[`The Node Beginner Book`](https://glitch.com/edit/#!/node-beginner?path=README.md:1:0)** – Versión interactiva del [libro](https://www.nodebeginner.org/). Aprendé NodeJS mientras creás una aplicación simple. 110 | - **[`Node JS Tutorial for Beginners`](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp)** – Tutorial de [The Net Ninja](https://www.thenetninja.co.uk). 111 | 112 | ### Notas sobre JavaScript Full Stack 113 | 114 | Notas de [undefined school](https://undefinedschool.io/) sobre diferentes conceptos de JavaScript, Node y otros. 115 | 116 | #### JavaScript 117 | 118 | ##### Conceptos 119 | 120 | - **[`Funciones First-Class`](https://github.com/undefinedschool/notes-functions-first-class)** 121 | - **[`Callbacks`](https://github.com/undefinedschool/notes-callbacks)** 122 | - **[`Closures`](https://github.com/undefinedschool/notes-closures)** 123 | - **[`Event Loop`](https://github.com/undefinedschool/notes-event-loop)** 124 | 125 | ##### ES6+ 126 | 127 | - **[`ES6: Array y Object Destructuring`](https://github.com/undefinedschool/notes-es6-destructuring)** 128 | - **[`ES6: Spread Operator`](https://github.com/undefinedschool/notes-es6-spread-operator)** 129 | - **[`ES6: Modules`](https://github.com/undefinedschool/notes-es6-modules)** 130 | - **[`ES6: Maps`](https://github.com/undefinedschool/notes-es6-maps)** 131 | - **[`ES6: Promises`](https://github.com/undefinedschool/notes-es6-promises)** 132 | - **[`ES2017: Async/Await`](https://github.com/undefinedschool/notes-es2017-async-await)** 133 | 134 | #### Frontend 135 | 136 | - **[`Manipulación del DOM`](https://github.com/undefinedschool/notes-dom)** 137 | - **[`Tailwind CSS`](https://github.com/undefinedschool/notes-tailwind-css)** 138 | - **[`Principios de React`](https://github.com/undefinedschool/notes-react-principles)** 139 | - **[`Conceptos básicos de React`](https://github.com/undefinedschool/notes-react-basics)** 140 | - **[`Redux`](https://github.com/undefinedschool/notes-redux)** 141 | 142 | #### Backend 143 | 144 | - **[`NodeJS`](https://github.com/undefinedschool/notes-nodejs)** 145 | - **[`ExpressJS`](https://github.com/undefinedschool/notes-expressjs)** 146 | - **[`APIs`](https://github.com/undefinedschool/notes-apis)** 147 | - **[`Bases de Datos Relacionales`](https://github.com/undefinedschool/notes-dbs)** 148 | - **[`Relaciones en DBs`](https://github.com/undefinedschool/notes-dbs-relationships)** 149 | - **[`SQL`](https://github.com/undefinedschool/notes-sql)** 150 | - **[`Autenticación`](https://github.com/undefinedschool/notes-auth)** 151 | 152 | #### Paradigmas 153 | 154 | - **[`Programación Orientada a Objetos en JS`](https://github.com/undefinedschool/notes-oop-js)** 155 | - **[`Programación Funcional en JS`](https://github.com/undefinedschool/notes-fp-js)** 156 | 157 | #### Otros 158 | 159 | - **[`Deployments`](https://github.com/undefinedschool/notes-deployment)** 160 | - **[`Git Rebase vs Git Merge`](https://github.com/undefinedschool/notes-rebase-vs-merge)** 161 | 162 | ### Git 163 | 164 | - **[`git - the simple guide`](https://rogerdudler.github.io/git-guide/)** – Una guía sencilla para comenzar con Git sin complicaciones. 165 | - **[`Learn Git Branching`](https://learngitbranching.js.org)** – Tutorial ineractivo de Git. 166 | - **[`Git & GitHub - freeCodeCamp`](https://www.youtube.com/playlist?list=PLGvfHSgImk4aTlKBUPeC8Eh42LVDcSv9s)** 167 | - **[`Git & GitHub Tutorial for Beginners`](https://www.youtube.com/playlist?list=PL4cUxeGkcC9goXbgTDQ0n_4TBzOO0ocPR)** – Tutorial de [The Net Ninja](https://www.thenetninja.co.uk). 168 | 169 | ### eBooks 170 | 171 | - **[`Eloquent JavaScript`](https://eloquentjavascript.net)** – Libro para empezar a programar en JS. 172 | - **[`You Don't Know JS (book series)`](https://github.com/getify/You-Dont-Know-JS)** – Serie de libros sobre el lenguaje. 173 | - **[`Exploring JS: JavaScript books for programmers`](https://exploringjs.com)** – Serie de libros sobre JavaScript, de **nivel avanzado**. 174 | 175 | ### Yapa 176 | 177 | - ¿Querés más recursos gratuitos? ¡Buscá en nuestra **[`Wiki`](https://freecodecampba.org/wiki)**! 178 | - **[`Learn Anything`](https://learn-anything.xyz)** – Buscá lo que quieras aprender y listo! 179 | 180 | --- 181 | 182 | ## Organizadores 183 | 184 | - `Ariel Gerstein` (**[`@arielger_`](https://twitter.com/arielger)**) 185 | - `Roy Eden` (**[`@Royede`](https://twitter.com/Royede)**) 186 | - `Luciano Ramello`(**[`@luchosr10`](https://twitter.com/luchosr10)**) 187 | - `Gonzalo Pozzo`(**[`@goncy`](https://twitter.com/goncy)**) 188 | - `Agustín Mulet` (**[`@AgustinDMulet`](https://twitter.com/AgustinDMulet)**) 189 | 190 | --- 191 | 192 | Guía escrita por **[`Nicolás Quiroz`](https://twitter.com/___nhsz)** 193 | --------------------------------------------------------------------------------