¿Cuantas veces has intentado crear un sitio web?

MVC

MV*

M***

Two way data binding

One way data binding

WEB Components

BEM, OOCSS, SMACSS

Rest FULL

GrapQL

Progressive Web Apps

NoSQL

¿Cómo inicio ante tan abrumadora información?

Haz tu primer sitio web

No importa como ni con que.

¡De verdad!

No te compliques

¿Qué podrías usar?. 

• Un servidor (Mamp, Wamp, Xamp, el que quieras)
• HTML5 (Duro y puro)
• CSS3 (No importa el diseño)
• Javascript (No importa si es código spaghetti)

El objetivo

El objetivo es entender que hace un navegador web con tu proyecto y como trabaja en sincronía con un servidor web,

Lo importante es entender lo siguiente:

• Solicitudes, Peticiones y Respuestas del servidor
• Renderizado del HTML y CSS
• Ejecución del código JavaScript

Practicar

Practicar muchisimo

Tienes que desarrollar proyectos, muchos, no importa si funcionan o no, nunca son suficientes.

¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica! ¡Practica!

Tu meta debe ser terminar un proyecto

Desarrolla un proyecto con el conocimiento que tienes, si llegas a un punto donde no sepas que hacer, investiga.

Si tienes la posibilidad, compra un curso.

Mi primer gran proyecto

Front-end o Back-end

Aquí se va complicando la cosa. Supongamos que ya desarrollaste tu primer gran proyecto, un mini blog, ocupaste HTML5, CSS3, JavaScript, PHP y MySQL. 

Para esta etapa tienes que elegir tu especialidad, ¿Quieres hacer Front-end o Back-end?

¿Qué es Front-end o Back-end?

Front-end: Todas las tecnologías que corren del lado del cliente (navegador), HTML5, CSS3, JavaScript.

Back-end: Todas las tecnologías que corren del lado del servidor, tales como PHP, Python, Ruby, Node.js (JavaScript), etc.

Puedes aprender lo que quieras realmente pero...

¿Qué pasa si escojo Front-end?

Recomiendación

Puedes investigar y aprender sobre:

• La manera correcta y semantica de maquetar HTML
• Frameworks para desarrollo de sitios web:
  • Bootstrap
  • Foundation
• Metalenguajes para HTML (opcional)
• Pre-procesadores para CSS
  • Sass
  • Less
  • Stylus

Recomiendación

• Aprender a programar con JavaScript puro
• Aprender a usar Librerías JavaScript (JQuery por ejemplo)
• Manejo de dependencias con Bower o NPM
• Manejador de tareas
  • Grunt
  • Gulp
  • WebPack

Pero recuerda...

No te desesperes, ve a tu propio ritmo.

¿Qué pasa si escojo Back-end?

Recomendación

Investiga y prueba los lenguajes de programación para Backend, existen muchas opciones:

• PHP
• Python
• Ruby
• Y más

Recomendación

Cuando te decidas por el lenguaje de programación que más te gusta, genera proyectos sin usar frameworks, aprende sus conceptos básicos, estructura y funcionalidades.

Recomendación

Hecho el paso anterior, ya puedes empezar a desarrollar proyectos con un framework pequeño:

• Slim Framework (PHP)
• Flask Framework (Python)
• Sinatra Framework (Ruby)

Existen frameworks más robustos pero la idea es empezar con poco para entender los conceptos.

Pero recuerda...

No te desesperes, ve a tu propio ritmo.

¿Y después qué sigue?

Seguir aprendiendo

¿Recuerdas las primeras diapositivas?

Esto nunca acaba, es lo genial de la tecnología, siempre hay algo nuevo que aprender.

Gracias por venir