Freecodecamp (FCC). Seguimiento del curso

Offtopic
1

Dado el éxito que ha tenido la propuesta, voy a crear un hilo dedicado a Freecodecamp.

Recientemente conocí este concepto para aprender código al que llaman "campamentos de código"que básicamente consiste en sumergirse a fondo en un temario optimizado, en un corto periodo de tiempo y monitorizado por compañeros y profesores.

Parece ser que se está poniendo de moda aunque en idioma Español hallan pocas opciones y de pago.

En el siguiente enlace hay un artículo que está bastante interesante sobre este tema en general:

De todos los que pude ver este es el que me llamó la atención, aparte de ser gratuito el temário es muy interesante para gente que quiera hacer cosas profesionales en la web temas que se aprenden en el curso:

skills-free-code-camp.jpg1003×767 51 KB

Mención aparte merece la filosofía que tienen, las prácticas se realizan haciendo proyectos reales para ONGś que han pedido ayuda a la organización. De esta manera se hace un portafolio de aplicaciones que utiliza la gente real todos los días.

La comunidad hispana parece bastante activa y con el desembarco de forobits lo vamos a petar :wink:

link al Chat en Español:

10 Me gusta
2

Pillo sitio en futuro hilo de Seniors developers en: HTML5, CSS3, Javascript, Node.js, etc.

Gracias @madmax por que ha sido un buen empujón para la programación y una buena trabanqueta para mis próximos exámenes.

3

Pillo sitio! La cosa promete!

4

:clap::clap::clap:

5

HTML5 y CSS acabado, satisfacción 10.

Empiezo hoy con Bootstrap :rocket:

6

Tan rápido? le has dado caña o es muy cortito?
Voy a empezar con HTML5 y CSS a ver que tal :slight_smile:

7

jder macho vas como una bala

8

HTML y CSS por lo menos es corto y no profundiza mucho, creo que a partir de ahora se complica.

9

Yo partía de un nivel 0 y lo he hecho con pocos problemas, muchas distracciones, pero pocos problemas. A ver que tal hoy bootstrap.

10

estoy atascado aqui alguna solucion ?
https://www.freecodecamp.com/challenges/create-a-bulleted-unordered-list#?solution= <link%20href%3D"https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster"%20rel%3D"stylesheet"%20type%3D"text%2Fcss"> <style> %20%20.red-text%20{ %20%20%20%20color%3A%20red%3B %20%20} %20%20h2%20{ %20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B %20%20} %20%20p%20{ %20%20%20%20font-size%3A%2016px%3B %20%20%20%20font-family%3A%20Monospace%3B %20%20} %20%20.thick-green-border%20{ %20%20%20%20border-color%3A%20green%3B %20%20%20%20border-width%3A%2010px%3B %20%20%20%20border-style%3A%20solid%3B %20%20%20%20border-radius%3A%2050%%3B %20%20} %20%20.smaller-image%20{ %20%20%20%20width%3A%20100px%3B %20%20} <%2Fstyle> <h2%20class%3D"red-text">CatPhotoApp<%2Fh2> <p>Click%20here%20for%20<a%20href%3D"%23">cat%20photos<%2Fa>.<%2Fp> <a%20href%3D"%23"><img%20class%3D"smaller-image%20thick-green-border"%20alt%3D"A%20cute%20orange%20cat%20lying%20on%20its%20back"%20src%3D"https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat"><%2Fa> <p%20class%3D"red-text">Kitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.<%2Fp> <p%20class%3D"red-text">Purr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur.<%2Fp>

11

¿Unordered lists verdad? Si el enlace me ha llevado bien a la parte del tutorial dónde estás, sería lo siguiente:

<ul> <!-- Apertura unordered list -->
  <li>Elemento 1</li>
  <li>Elemento 2</li>
  <li>Elemento 3</li>
</ul> <!-- Cierre unordered list -->

Añádelo tras tu último párrafo y te dará el ok. Todo lo que está entre <!-- --> son comentarios que he dejado para que lo veas más claro :wink:

12

muchas gracias la verdad que eso de interné no tiene precio

1 me gusta
13

Venía a ponerte lo mismo, tendría que haber bajado antes de resolver dudas.

Imagen pegada1408×630 66.8 KB

Voy por la mitad de bootstrap! :rocket:

14

BootStrap acabado!
Al principio pensaba que simplemente entendía qué se me pedía y con la ayuda que te dan, lo solucionaba. Pero me estoy dando cuenta que empiezo a asimilar concepto y aprenderme cosas de memoria.

Me gusta

Imagen pegada1316×836 65 KB

1 me gusta
15

Que caña le estás pegando.

Yo este finde espero meterle. Bootstrap lo conozco de joomla 3. Lo que estoy verde es en NodeJS/JavaScript. La parte CSS3/HTML5 lo llevo también mejor.

Pues con todo eso ya podremos mangonear en lisk, a ver si acabamos montando algo todos aquí…

Development

Lisk Apps are written using existing web technologies:

Backend: NodeJS/JavaScript

Frontend: CSS3/HTML5/JavaScript

Developers already familiar with these technologies, will quickly
find their comfort zone, and can start building blockchain applications
in very little time at all.
Using the provided command line interface: Lisk CLI. Developers can easily generate a new genesis block for their app’s sidechain, clone the Lisk App SDK as a base project structure and create new contracts.
If you are just starting out, then before progressing any further. We strongly suggest learning the basics of the JavaScript programming language and NodeJS runtime.

1 me gusta
16

Pues ya he acabado jQuery, ahora me pondré a estudiar que tengo examen a las 2 de consolidación de operaciones financieras :confused:

Gracias @madmax por haber puesto este curso aquí, me está encantando!

17

El proyecto personal es una amargura, justo después de jQuery :angry:

18

¿Qué piden?

19

https://codepen.io/FreeCodeCamp/full/NNvBQW/

hacer algo así de 0, todo a código, para empezar.

PD; menos la fotografía, evidentemente, puedes cogerla de una fuente externa :joy:

1 me gusta
20

No sabía uqe se podía utilizar bootstrap para este proyecto… La cosa cambia bastante xddd :rocket: