¿Cuáles son las mejores fuentes para aprender codificación web en poco tiempo? Por favor mencione si la fuente es gratuita.

Comenzando el desarrollo web y haciendo una demostración para su inicio, creo que es bastante fácil. Actualmente hay una tendencia a pasar meses buscando al chico de tecnología perfecto para ser cofundadores. Creo que es simplemente estúpido: probablemente sea más fácil comenzar a trabajar en tu producto y mientras lo haces; Atrae a los técnicos desde las mismas plataformas de las que estás aprendiendo.

Ahora soy un aficionado a la tecnología y espero comenzar muy pronto en el camino de los profesionales de la tecnología. He estado desarrollando sitios durante los últimos 4 años y es muy gratificante.

Antes de todo, ¿a dónde ir?

  1. StackOverflow cuando tienes una consulta de programación específica
  2. Quora cuando tienes diseño arquitectónico como dudas.
  3. SmashingMagazine cuando quieras inspirarte en otros sitios increíbles y ver buenos tutoriales de diseño + recursos gratuitos
  4. Mozilla Developer Network cuando busca documentación y tutoriales complejos sobre codificación.
  5. WebPlatform es como MDN pero más limpio, mejor y más joven. Puede que sea demasiado joven en este momento y puede que le falte algo de información, pero crecerá y se convertirá en una de las mejores plataformas para documentación y tutoriales.
  6. Hacker News cuando solo quieres ver a grandes personas hablar y no molestarlas. Ah, y este es un lugar donde también obtiene la mejor información de inicio con reseñas detalladas y lo que no. La calidad de la discusión es tan increíble que simplemente no quieres arruinarla agregándole pensamientos mediocres.
  7. Dochub.io cuando necesite saber qué parámetros toma esa función u otra documentación similar. MDN es más lento para estas consultas.
  8. Google / DuckDuckGo – Google, sabes que es genial. DDG es impresionante para la programación de consultas relacionadas. Da respuestas en ese momento y allí.

¿Dónde no deberías ir?

  1. w3schools: si bien siempre están en la parte superior de la Búsqueda de Google, tienen un sitio desactualizado. Es posible que tengan buenos recursos para algunas de las tecnologías, pero será difícil para un lector saber cuándo confiar en ella y cuándo no debería.
  2. Reddit: no podrá distinguir cuándo está siendo rastreado y cuándo la persona realmente lo está ayudando. Hay subreddits decentes como la programación y diseño web . Si puedes manejar Reddit es genial, solo requiere mucho más esfuerzo que muchas otras fuentes.
  3. Cualquier sitio que no se vea como se hizo en la década pasada. Verificación rápida de la calidad:
    • Todo el código debe estar en perfecto formato.
    • Todo el código debe ser resaltado brillantemente
    • Los párrafos deben estar bien formateados y el contenido debe verse ordenado en general
    • Demasiados enlaces en la página, vete
    • Demasiados anuncios de banner en la página, vete

Bien, entonces, ¿qué necesitas aprender?

  1. HTML – el núcleo de todo es HTML. Si te interesa el formulario completo: Hyper Text Markup Language. Como su nombre lo indica, es un lenguaje de marcas. Se utiliza para distinguir algunas partes de su página de otras. Utilizará las etiquetas

    para marcar encabezados importantes,

    para párrafos y cuáles no. El principio básico es simple: el documento es como un árbol, un nodo a continuación, que hereda las propiedades del padre.

  2. CSS – el maquillaje. Debido a que la belleza que se encuentra en los ojos del espectador, no está realmente allí si no pones esfuerzo. CSS es de nuevo bastante simple de entender. Sin embargo, puede ser difícil de usar.
  3. Javascript – porque es genial ser dinámico. HTML y CSS en sí mismos son bastante estáticos. Realmente no puedes capturar cosas, mover cosas, actualizar cosas sin actualizar la página. Javascript es el idioma que usarás para darle algo de vida a tu bonita muñeca.
  4. El lado del servidor: ahora es muy probable que esté creando un sitio de contenido dinámico. Un sitio donde presentará a diferentes usuarios con contenido diferente o contenido diferente en función de dónde se encuentre el usuario. Lo más probable es que no quiera codificar manualmente cada página y cada párrafo de todo. Aquí es donde usarás la tecnología del lado del servidor. Verá, HTML-CSS-JS son solo elementos de presentación del lado del cliente, su contenido real estará en servidores en bases de datos y utilizará algún lenguaje del lado del servidor como PHP, Python, JS, Ruby, Java, Scala, etc. para obtener información del base de datos. Y aquí viene otro desafío: la comunicación entre la lógica de su servidor y la base de datos. Por lo general, usará SQL, pero hay cosas más nuevas y ordenadas disponibles que podrían satisfacer sus necesidades.
  5. Dominios – Todo hecho, esto sigue siendo un desafío. Si está desarrollando un producto, probablemente lo lanzará con un dominio propio. Ahora comprar dominios es fácil. Aunque es un poco más difícil encontrar un buen registrador. Por mucho que quiera visitar http://www.godaddy.com/ (y muchas personas lo hacen), en el pasado reciente se les ha criticado mucho por su posición en SOPA. Las protestas incluyeron el movimiento de todos los dominios de Wikipedia a http://www.namecheap.com/. A menudo encontrará servicios mucho más baratos en la web, pero le sugiero que vaya a un registrador que tenga buena reputación de confiabilidad. Tenga en cuenta que los registradores en realidad no ganan mucho dinero vendiéndole dominios sino a través de servicios de valor agregado. Una gran parte de sus ganancias proviene de renovaciones: verifique los costos ocultos y los precios de las funciones; muchas veces las cosas se ven baratas el primer año pero son increíblemente caras el año que viene.
  6. Hosting – Encontrar un buen servicio de hosting y usarlo de la manera correcta es una tarea muy desafiante. Hay varios tipos de hosting disponibles:
    • Alojamiento compartido : La opción más barata, más común y fácil de usar. Requiere la menor cantidad de conocimiento y tiempo de desarrollo. Las opciones son en gran medida basadas en PHP en servidores Apache con soporte MySQL. Estas opciones son muy restrictivas, pero, por otro lado, el proveedor de servicios se preocupa por la mayoría de los problemas, incluida la seguridad. Hay cientos de servicios de este tipo que le brindan espacio web y ancho de banda de aproximadamente $ 50 al año. El rendimiento es pobre.
    • Plataforma como un servicio (PaaS) : una adición bastante reciente y se está volviendo más popular. Google App Engine y Heroku son dos soluciones. Bueno para pequeñas empresas y aplicaciones que pueden volverse virales de repente. El servicio proporciona una amplia variedad de paquetes, bibliotecas y herramientas para construir. Requiere más esfuerzo para implementar cosas que el Alojamiento compartido, pero hay cosas que son mucho menos restrictivas. Desafortunadamente, estas soluciones son más costosas de mantener cuando se agotan las cuotas libres.
    • Infraestructura como servicio (IaaS) : obtendrá máquinas virtuales con las que puede hacer absolutamente cualquier cosa sin preocuparse por el tiempo de actividad, el mantenimiento del hardware y la actualización. El escalado no es tan fácil como en PaaS y tampoco lo es la implementación, pero es más barato. También es más abierto y tienes control completo sobre toda la pila.
    • Auto alojamiento: No para novatos. En absoluto. Es un reto, requiere que compres servidores, ancho de banda e IP estática; mantener las cosas funcionando – día tras día. Probablemente esto puede ser más barato que cualquier otra solución, pero es mucho más trabajo. Más que eso, requiere que tengas confianza y experiencia. Libertad absoluta, obviamente.
  7. HTTP & REST – La comprensión de HTTP también es esencial. Esto es como la parte teórica del desarrollo web. Puede omitir esto inicialmente, pero el desarrollo de estos conceptos no solo le dará confianza sino que también aportará madurez en la construcción de interfaces y API. http://tomayko.com/writings/rest… es un (controvertido debido a su denominación, pero) un blogpost muy impresionante sobre REST y sistemas sin estado.

    También necesitará comprender los códigos de estado HTTP, las sesiones y las cookies.

Sí, entonces, ¿dónde aprendes esta mierda?

  1. HTML : https://developer.mozilla.org/en…
  2. CSS : https://developer.mozilla.org/en…
  3. Javascript :
    • https://developer.mozilla.org/en…
    • http://www.codecademy.com/langua…
      Este es un brillante tutorial de código mientras aprendes. Le explica casi todos los conceptos de Javascript de una manera fácil de entender.
    • http://yuiblog.com/crockford/
      Busque las conferencias de Douglas Crockford. Es una de las personalidades más destacadas de JS. No estaba al tanto de la estupidez de los tutoriales de w3schools y aprendí ‘Javascript’ desde allí, el error más grande de mi vida en el desarrollo web. Las conferencias de Crockford lo cambiaron todo. Son tan ricos en contenido que tuve que verlos varias veces solo para comprenderlo y vincularlo todo, o al menos lo máximo que he aprendido.
  4. MySQL :
    http://dev.mysql.com/doc/refman/…
    Es menos probable que necesite PostgreSQL o MSSQL ya que la mayoría de los hosts proporcionan MySQL. Casi las diferencias son visibles, puede comenzar con MySQL y luego captar rápidamente otras cuando sea necesario.
  5. PHP
    http://es.php.net/getting-started
    http://php.net/manual/en/tutoria…

    Es más probable que utilice PHP, no porque sea el mejor lenguaje para codificar, sino por su ubicuo alojamiento. Para empezar, también es increíblemente fácil: desafortunadamente, esto resulta ser un problema más adelante. Hay varios marcos que pueden hacer que el código de tu aplicación sea mucho más estructurado y eliminar la necesidad de codificación de plantillas: Symfony, Zend, CakePHP y CodeIgniter son algunos de ellos. La mayoría de los marcos que encontrará serán MVC, es la forma moderna de las arquitecturas de aplicaciones web. MVC significa Modelo – Vista – Controlador; Puedes leer más sobre esto en wikipedia: http://en.wikipedia.org/wiki/Mod…

  6. Javascript bibliotecas y marcos
    Usted no quiere codificar Javascript usted mismo. Es difícil hacerlo bien en un navegador, más difícil incluso para hacerlo bien en todo. Hay bibliotecas como JQuery, Mootools, YUI Library y Prototype, que tienen funciones y utilidades predefinidas fáciles de usar que puede usar para la mayoría de las cosas pequeñas. También son extensibles con un gran conjunto de complementos y extensiones que aumentan aún más la funcionalidad.

    Ahora, incluso esto no es suficiente, a veces, en el lado del cliente, es posible que JS se salga de control y sea imposible de manejar. Los marcos como Sencha y Backbone.js pueden ayudarlo a estructurar su código en patrones comprensibles.

  7. XAMPP
    http://www.apachefriends.org/en/…
    Claro que puedes aprender todo esto, pero ¿cómo lo probarás? Configurar XAMPP en su máquina local es una de las maneras más fáciles de obtener la pila completa de tecnologías: Apache – PHP – MySQL en su máquina.
  8. Python y Django
    Si eliges ser un poco más aventurero, puedes comenzar con Python y Django. Python es un lenguaje funcional limpio, hermoso, único, de una sola manera, que facilitará la creación de sistemas complejos.

    Creo que el tutorial oficial de Python es un buen recurso para comenzar: http://docs.python.org/tutorial/ La clase de Google Python también ha recibido buenas críticas: http://code.google.com/intl/sv/ mi…

    Para desarrollar aplicaciones web con Python, la gente generalmente usa Django (https://www.djangoproject.com/). Django es rápido, brillante y se usa ampliamente. Encontrará suficientes recursos en línea y suficiente apoyo en varios foros.

  9. Java y Google App Engine
    Java está en todas partes y la gente lo usa para todo. Una buena forma de desarrollar una demostración es usar Java y alojarlo en GAE (https://developers.google.com/ap…). GAE ofrece alojamiento gratuito para aplicaciones más pequeñas y una cantidad decente de integración con tecnologías de Google como Contactos, Correo, etc. para que pueda crear rápidamente una capa social en él. Por supuesto, si necesita agregar la integración de Facebook, tendrá que hacerlo por su cuenta. Sin embargo, un problema importante es que GAE solo admite NoSQL y un almacén de datos (API a BigTable, AFAIK). Puede leer sobre NoSQL aquí: http://en.wikipedia.org/wiki/NoSQL. Tenga en cuenta que para la mayoría de los casos de uso, realmente no le importa mucho si la base de datos es SQL o NoSQL. Pero como las bases de datos SQL están en todas partes, las personas generalmente se sienten más cómodas con ellas.
  10. Bases de datos NoSQL y Cache Stores
    El punto anterior me recuerda agregar esto, para bigdata puede que necesite bases de datos NoSQL (http://en.wikipedia.org/wiki/NoSQL). Existen varios tipos de bases de datos NoSQL (ejemplo de gráfico, documento, etc.) pero las tiendas de valores clave son las más comunes.
    • Cassandra, BigTable, HBase son algunas tiendas de gran valor clave
    • Los almacenes de valor clave también se utilizan a menudo como almacenamiento en memoria para propósitos de almacenamiento en caché. Redis y memcached son dos nombres muy comunes en esta esfera.
    • CouchDB y MongoDB son dos tiendas de documentos que también son increíblemente populares

Ahora, algunos idiomas alternativos del lado del servidor con los que tengo una experiencia nula / insignificante con:

  1. Ruby y Ruby sobre rieles
    http://www.ruby-lang.org/en/
    http://rubyonrails.org/
  2. Javascript y Node.js
    http://nodejs.org/

(Esto definitivamente necesita expansión: procesamiento a gran escala y qué no. Si hay personas que quieren que lo agregue, lo haré).

Mayank dio una excelente respuesta con referencias de uso para usar a lo largo de su viaje de desarrollo web. Si bien su sección “¿Dónde aprendes esta mierda” incluye las fuentes más relevantes posibles (la documentación en sí misma), un principiante necesitará otros recursos para aprender el material?

Afortunadamente, vivimos en la era de Internet y hay francamente cientos de sitios web / programas que le enseñarán tanto el desarrollo web (Front-End) como la programación detrás (Back-End).

Antes de comenzar, aquí hay una lista de casi un centenar de libros de texto de programación gratuitos en Stackoverflow si prefiere ese medio:


De todos modos, en un extremo del espectro hay programas que acumulan una gran cantidad de contenido para que aprendas por tu cuenta con videos y aplicaciones web interactivas:

Gratis:

  • [Codecademy] http://www.codecademy.com/ : Si recién estás empezando a aprender, esto te puede introducir en conceptos básicos. Lo describiría como “codificación sobre ruedas de entrenamiento”
  • [Code.org] http://code.org/learn – Tutoriales / juegos interactivos para conceptos generales de programación. ¡Fueron los que organizaron la Hora del Código!
  • [Academia Khan] http://www.khanacademy.org/#comp… : Salman Khan es un gran maestro. He visto todos sus videos de Organic Chem y Bio cuando estaba estudiando para el MCAT. Gran introducción a los conceptos fundamentales de CS.
  • http://www.skillcrush.com/terms/ : proporcionan una excelente lista de términos comunes que escuchará en cualquier conversación de programación / desarrollo web. Muy fácil de entender definiciones!
  • http://www.bentobox.io/ : tutoriales interactivos de todo, desde HTML / CSS a Angular, Backbone, Coffescript y más.
  • [CodeYear] http://www.codeyear.com/ : Parece un suplemento a la codecademy.

A continuación, pasamos a los programas con tarifas mensuales / por curso:

[Coursera] https://www.coursera.org/ merece su propia sección por ser el emblema de un MOOC:

  • Como ejemplo, aquí está mi panel actual de cursos:


¡También hay bastantes cursos de CS todos alojados en línea!

  • Introducción a la informática y la programación – MIT OpenCourseWare
  • Introducción a C ++ – MIT OpenCourseWare
  • Introducción a la informática: Metodología de programación – Stanford Engineering Everywhere
  • Estructuras de datos – UC Berkeley
  • Una introducción a la inteligencia artificial – UMass (Boston)

Ahora en el OTRO extremo del espectro tiene “campos de arranque” que son considerablemente más caros (8-15k) pero brindan un amplio soporte. Dependiendo de lo que elijas [ser aceptado para], estarás programando 40-80 horas a la semana.

  • http://www.thinkful.com/bootcamps/ – Tiene información sobre casi todos los “bootcamp” en persona
  • La guía definitiva para codificar los campamentos de entrenamiento: la lista exhaustiva: un artículo completo de SkilledUp que proporciona información adicional sobre todos ellos. ¡También puedes ver su artículo “más selectivo”!

Ese fui yo hace 3 meses. Estaba buscando una manera de aprender cómo convertirme en un desarrollador web [eventualmente en una pila completa] y necesitaba un curso que se ajustara a mis necesidades. Intenté usar los recursos gratuitos mencionados al principio de esta publicación, pero me di cuenta de que necesitaba un plan de estudios basado en proyectos para aplicar las nuevas habilidades. También me frustré bastante cuando me “atoraba”.

Después de hacer una extensa investigación, elegí Thinkful (compañía) ( http://thinkful.com ). Muchos de los estudiantes tienen empleos a tiempo completo o parcial o son estudiantes universitarios actuales (recomiendan ~ 10 horas a la semana para Front-End y ~ 15 para Python). También tenían la ruta estructurada y, lo que es más importante, un mentor personal para realizar revisiones de código en vivo (a través de screenshare en Google Hangout). Dos meses después del curso, solicité una pasantía de marketing / front-end para la escuela y me aceptaron a tiempo completo 🙂 Aquí hay una publicación de mi primer día: ¿Alguien ha “asistido” a Thinkful y cuál fue su experiencia? ¿Hay algún valor adicional derivado de Thinkful?

Un poco más de información: la flexibilidad es la mayor fortaleza de nuestro programa. Los mentores [y los estudiantes] están en todo el mundo, por lo que podremos atender cualquier solicitud. Ya sea que seas un principiante completo (como yo) o que tengas una experiencia significativa, obtendrás un valor significativo del currículo. Dado que el pago es para el acceso mensual a todo el programa, usted podría trabajar en las partes del plan de estudios que necesita. Al ritmo recomendado, nuestros estudiantes terminan en 3 meses, ¡pero algunos pueden terminar en 2 o tomar otro mes! Si terminas el curso, obtendrás acceso permanente al plan de estudios 🙂 El producto final de cualquiera de los cursos es bastante asombroso (un sitio web personal para Front-End, un proyecto final para Python & Rails y una aplicación de iPhone para iOS). Si desea ver algunos ejemplos de proyectos de estudiantes, lea blog.thinkful.com .

No dude en enviarme un mensaje si desea ver algunos proyectos de muestra o si tiene ALGUNA pregunta sobre cualquiera de los cursos course

——————–

* Actualización (3/1/16) * ¡Hola! Asi que. Mucho ha cambiado con los años. Hemos añadido algunos cursos nuevos e interesantes como el Bootcamp de desarrollo web. Puedo seguir hablando sobre la evolución de Thinkful, pero me voy a centrar específicamente en la educación. Así es como se ve el aprendizaje como un estudiante de desarrollo web de Bootcamp:

  • Impulsado por los resultados. Esto es probablemente lo más importante. Es un cambio sutil que hicimos en nuestra mentalidad que ha llevado a algunos cambios emocionantes. En primer lugar, a todos los estudiantes que se gradúan de Web Development Bootcamp se les garantiza un trabajo o el 100% de su dinero. En segundo lugar, publicamos todas nuestras estadísticas (en tiempo real) como un informe de empleos. ¡Estamos orgullosos de ser la primera escuela en línea en hacerlo! En tercer lugar, nuestros servicios profesionales han sido completamente renovados. Comienza el día 1, continúa a lo largo del programa y no termina hasta que haya negociado la mejor oferta de trabajo posible.
  • Universal y flexible. La primera oración de nuestra declaración de misión dice: cualquier persona con una fuerte voluntad de aprender puede convertirse en un programador. No hay requisitos técnicos que le impidan la admisión. No tendrá que mudarse o renunciar a su trabajo. Puedes empezar en cualquier momento y aprender desde cualquier lugar. Seguirá siendo responsable de sus objetivos, pero sabemos que tiene una vida fuera de sus estudios y necesita un entorno flexible que lo respalde.
  • Humano. Las relaciones impulsan el aprendizaje. Llano y simple. Se ha demostrado que los estudiantes tienen éxito cuando se emparejan de 1 en 1 con un experto ( https://en.wikipedia.org/wiki/Bl …). Hablará con ingenieros en los que puede confiar en cada paso del programa, comenzando con Derek, un ex alumno, que lo inscribe en el programa y está disponible cualquier día. Se reunirá con su mentor personal 3 veces por semana durante el curso y con un entrenador profesional que lo guiará a través de la fase de colocación laboral. Y eso es solo contar las sesiones 1-a-1. Hay una comunidad entera de Students on Slack con quien hablar en tiempo real y 30 horas de horas de oficina semanales en sesiones de video grupales. Esta no es tu clase en línea típica, nunca te sentirás solo.

Si está interesado en el Bootcamp de desarrollo web o necesita asesoramiento profesional general, no dude en enviarme un correo electrónico a [email protected] . Me encantaría responder a cualquier pregunta o conectarlo con un mentor, estudiante actual o exalumnos.


De todos modos, esta es solo una de las muchas opciones para comenzar su aprendizaje. Si esta publicación le ha resultado útil, hágamelo saber y puedo publicar una guía de aprendizaje más avanzada, así como una versión de fondo.

¡Les deseo a todos los que lean esto la mejor de las suertes en su viaje de programación!

Mayank, arriba, le ha dado una lista muy exhaustiva de varias opciones que tiene a la mano y las fuentes que lo ayudarán. Pero trataré de decirte cómo lo hice. Debe tener en cuenta que hace un tiempo estaba exactamente en la misma posición que usted, aunque no quería aprender desarrollo web para lo que podría llamarse exactamente una startup en esa etapa. Así que las cosas serían un poco diferentes en tu caso.

Lo más importante del proceso de aprendizaje y del proceso de construcción es que van de la mano. Desea crear un sitio para su inicio, luego no aprenda el desarrollo web y luego comience a construirlo, en lugar de comenzar a crear su sitio web de inicio desde el principio. Divida el producto final en diferentes módulos, elija el módulo más básico (que formará la base de su sitio web) y comience a construirlo. Debe tener muchas características en mente, pero mantenga la primera iteración de la manera más simple. En las siguientes iteraciones, cuando haya tenido experiencia práctica y se sienta cómodo con las cosas que está haciendo, puede agregar funciones más complejas.

En cuanto a la parte de desarrollo real, estoy bastante seguro de que no tendrá un sitio web estático. Entonces, el principal problema es averiguar qué plataforma de back-end le gustaría usar, ya que HTML y CSS son muy sencillos.
y por lo tanto frontend no es un problema importante.

Personalmente, soy un gran fan de Django, pero empecé con PHP y ese sería mi consejo personal para ti. Principalmente porque más del 70% de los sitios web del mundo están basados ​​en PHP. Así que lo que sea que estés tratando de construir, ya ha sido construido por muchas personas. Le será muy fácil comprender esas cosas a partir de sus tutoriales y ejemplos. PHP te sacará muy rápido.

Una vez que se sienta más cómodo con el desarrollo web, puede cambiar a un marco más robusto, como Django (Python) o Rails (Ruby). Ambos tienen suficiente cantidad de documentación. Para la base de datos debería estar usando MySQL.

Al venir de nuevo al frente, lo único que tiene que ver con HTML y CSS es que debería leer algunas guías de mejores prácticas para ellos. La cosa es que cuando aprendes, no tiendes a centrarte en las mejores prácticas para HTML y CSS porque siempre es una forma fácil y sucia de hacer las cosas, pero al trabajar en las mejores prácticas, te harás un gran favor. . JavaScript puede ser un poco complicado al principio, pero se vuelve simple después de haber experimentado un poco. Personalmente, aconsejaría no centrarse demasiado en javascript en sus iteraciones iniciales. Utilice bibliotecas ya hechas, como http://jqueryui.com/ , que facilitarán su tarea.

En lugar de agregar demasiadas funciones dinámicas, céntrese en mantener su sitio limpio y simple . Deberías leer este libro “No me hagas pensar” http://www.sensible.com/dmmt.html incluso antes de comenzar.

Finalmente, si no tiene un diseñador muy bueno a bordo, puede usar Bootstrap para tener un diseño limpio, pero recuerde que si intenta comenzar a usar Bootstrap desde el principio, puede ser un poco difícil, así que pruebe primero un CSS básico. .

Lo más importante es que debes comenzar a desarrollar, esa es la mejor manera de aprender. No se preocupe, encontrará suficientes tutoriales y guías en el camino. ¡Todo lo mejor!

Esto es lo que aprendí de dejar mi trabajo y estudiar el desarrollo web por mi cuenta:

TL; DR ,
Los mejores primeros pasos:
1) JavaScript (Introducción a la codificación de Codecademy)
2) Introducción a la informática (Conceptos básicos de CS de Udacity)
3) Dash (CSS y HTML de la Asamblea General)
4) JavaScript elocuente (Conviértete en un badass de Javascript)

–Ahora has pasado de principiante completo a principiante–

Cosas que tienes que descubrir por ti mismo ahora que sabes algo:
1) Cómo ejecutar un servidor en su computadora local usando Node & Express
2) Cómo usar un marco frontal para hacer cosas interesantes (ng-newsletter)
3) Cómo usar Git y Github
* No hace falta decir que debes hacer pequeños sitios web entre cada uno de estos pasos para la práctica y la diversión.

Explicación detallada:
Javascript es relativamente fácil de aprender, es usado por todo lo que hay en Internet, y puedes escribir aplicaciones completas en la parte de atrás, aunque solo conozcas un idioma, así que empezaré por aprender Javascript. El curso de JavaScript de Codecademy es el mejor lugar para comenzar, en mi opinión, si nunca lo has codificado anteriormente. Después de eso, necesita aprender un poco más sobre los fundamentos de CS y un poco más sobre cómo funcionan HTML y CSS. Ahí es donde el tablero y la udacia entran en juego. Puedes ir en el orden que quieras. Si sientes que quieres aprender más sobre cómo diseñar sitios web reales (como para que se vean bonitos), haz estos sencillos ejercicios del ensamblaje general: Dash. Te enseñarán los fundamentos de HTML y CSS. Si sientes que quieres aprender más técnicas de programación fundamentales, haz CS101 en Udacity: Introducción a la Informática, que te enseña a hacer un motor de búsqueda simple en Python. Cubre temas esenciales como usar la recursión y hacer una tabla hash. Python tiene una sintaxis muy similar a javascript, así que la recogerás rápidamente. Después de eso, descargaría el texto sublime 2 para que pueda practicar la codificación sin tener que depender de un sitio web para la edición de su caja de arena y repasar tantos capítulos de JavaScript elocuente como pueda manejar (es un libro electrónico). Si no desea descargar texto sublime, puede usar jsfiddle.com como su sandbox de edición. Para cuando hayas terminado el javascript elocuente, habrás pasado de ser un principiante completo a ser un principiante. En este punto, podrás comenzar a hacer pequeños sitios web para divertirte, y ahí es cuando comenzarás a aprender aún más. Aprende a usar Git en este tutorial: Presentado por Neo y luego crea una cuenta de github. No tengo buenos recursos para el resto de su viaje, pero querrá usar su conocimiento existente para aprender 1) Cómo ejecutar un servidor local usando Node.js, 2) Cómo usar un marco de front-end como AngularJS o Backbone.js. 3) Empieza a hacer cosas

** Revelación completa: no terminé el javascript elocuente, simplemente subí al capítulo 5 y luego asistí a Hack Reactor. Hacer Codecademy tomará 2 semanas. Hacer CS101 en Udacity tomará 3 semanas, y hacer Dash a través de una asamblea general tomará como 2 días. Elocuente Javascript tardará entre 3 y 4 semanas, probablemente, no estoy seguro. Esto es todo asumiendo que no tienes un trabajo mientras estudias.

Así que ya que esta es sobre Bloc, pensé que agregaría mis dos centavos. Debe considerar un par de factores al elegir un programa:
1) Elija el programa que mejor se adapte a sus objetivos.
2) Las personas aprenden de diferentes maneras. ¿Cuál es el mejor enfoque de aprendizaje para ti?
3) Hable con los ex alumnos y asegúrese de que hayan tenido resultados sorprendentes

1. Elige el programa que mejor se adapte a tus objetivos.

Bloc está diseñado para emprendedores. Quienes quieran poder construir aplicaciones web reales por su cuenta. No estás pagando por el acceso al contenido. Usted está pagando por el número y la calidad de las aplicaciones reales a nivel de producción que ha diseñado, creado y lanzado al graduarse. Nuestra culminación, en particular, es para las personas que tienen una visión empresarial que desean ejecutar. Encuesta a estudiantes del bloque:

  • El 60% quiere convertirse en emprendedor.
  • 35% ¿Quieres un trabajo como desarrollador web de pila completa
  • El 15% tiene experiencia en codificación o ciencias de la computación, pero desea mejorar sus habilidades.

2. ¿Cuál es el mejor estilo de aprendizaje para ti?

Creemos en el aprendizaje 1-a-1 . Cada estudiante aprende de manera diferente, a un ritmo diferente, y tiene diferentes intereses y objetivos. Al igual que Yoda y Luke, trabajar uno a uno con un mentor desbloquea una iteración rápida y un enfoque de aprendizaje muy único y personalizado, para que pueda ver los resultados rápidamente y contar con el apoyo para superar las frustraciones que, sin duda, encontrará al principio. de tu viaje.

Tu mentor de Bloc puede profundizar en JavaScript para un estudiante avanzado o ir más lento en la sintaxis de Ruby para principiantes. Te encontrarás al menos Tres veces por semana con un mentor en tu éxito. Lo que significa que constantemente estarás programando en par, depurando e iterando con un desarrollador real.

Creemos en aprender de un profesional. Tú eliges tu propio mentor. Los mentores de bloque son emprendedores en serie y tienen un promedio de 10 años de experiencia en desarrollo. Esto significa que son recursos invaluables para el asesoramiento profesional. Algunos son YC Alums. Otro ha vendido con éxito cuatro startups. Otro es un CTO de una compañía de 100 personas. Todos son profundamente apasionados por la enseñanza.

Creemos en la construcción de cosas reales. Hemos desarrollado nuestro propio plan de estudios personalizado que está profundamente arraigado en la creación de sus propios proyectos desde cero. Construirás versiones de Reddit, Digg, Wikipedia y Kissmetrics. Aprenderá cómo procesar los pagos en su sitio y cómo integrarse con las API de redes sociales.

Creemos en el emprendimiento . Durante el último módulo de Bloc, los estudiantes pasaron aproximadamente tres semanas creando su propio MVP de inicio. Definen el alcance de MVP con su mentor, diseñan, construyen y lanzan su aplicación. Algunos de estos se convierten en verdaderas empresas.

No somos una empresa de contenido, somos una empresa de resultados.
Nuestro resultado te está convirtiendo en un desarrollador web.

Bloc no es para todos:

  • Espera saltarte las cosas teóricas difusas; esto no es Computer Science 101. En su lugar, nos centramos en las habilidades pragmáticas y las tácticas efectivas utilizadas por los mejores desarrolladores web en la industria.
  • Espera plazos difíciles . Siga nuestro programa y dedique las 25 horas semanales requeridas, y en 12 semanas se convertirá en un desarrollador web junior competente.
  • Espera contacto humano. El modelo de aprendizaje significa trabajar estrechamente con un desarrollador web profesional y no esconderse detrás de una pantalla.
  • Espera construir algo . Durante su curso de 12 semanas, codificará su concepto o idea en un proyecto completado. Y te guiaremos por el camino.

3. Comentarios de exalumnos: ¿Los exalumnos dicen cosas sorprendentes sobre sus resultados?

Estamos constantemente enfocados en preguntar a nuestros estudiantes cómo podemos mejorar el programa. Aquí está el enlace a la pregunta de Quora sobre alumnos de Bloc: ¿Cuáles han sido las experiencias de los estudiantes con Bloc.io?

Algunos extractos:

“Es realmente una experiencia increíble, solo debes estar preparado para trabajar”. James

“Ha sido mucho, mucho mejor que tratar de aprender por mi cuenta. Había estado trabajando en el Tutorial de Hartl Rails justo antes de comenzar Bloc, y no estaba yendo muy bien. Mi aprendizaje se ha acelerado en Bloc, y ha sido mucho más agradable.” Coleman

“Los proyectos por sí mismos me enseñaron un montón, y luego las reuniones con mi mentor refuerzan lo que he aprendido de los proyectos, resuelven cualquier pregunta o idea errónea que tenga, y me dejan sintiéndome motivado para aprender más “. – Marca

Aprender a codificar sitios web es un proceso de tres pasos:

1) Aprender a construir sitios web utilizando HTML y CSS
2) Aprender a servir páginas y crear HTML dinámicamente usando un servidor
3) Aprender a hacer que las páginas HTML sean interactivas utilizando JavaScript (y con frecuencia también jQuery)

Para el # 1, personalmente recomiendo Twitter Bootstrap para comenzar con HTML y CSS.

Para el # 2, probablemente deba elegir entre JavaScript, Python, Ruby y luego profundizar en los siguientes marcos, dependiendo del lenguaje de programación que elija: Django / Flask / Tornado (Python), Ruby on Rails (Ruby) o node.js (JavaScript).

Para el # 3, recomiendo profundizar en jQuery, específicamente usando la biblioteca de JavaScript Bootstrap de JavaScript.

Si elige aprender JavaScript o Python, creé sitios web de tutoriales interactivos dedicados a aprender esos lenguajes de programación a nivel introductorio utilizando un intérprete en línea:

Aprender JavaScript – Tutorial interactivo gratuito de JavaScript

Aprende Python – Tutorial interactivo de Python gratis

También recomiendo CodeAcademy para aprender JavaScript y Python para un proceso de aprendizaje más organizado, mi sitio web está menos estructurado que CodeAcademy.

Los 5 mejores cursos gratuitos de desarrollo de sitios web para principiantes:

Tal vez un destacado entre los prospectos más dinámicos acerca de ingresar a un campo como el desarrollo web es la capacidad de ingresar de inmediato. ¡No se parece en nada a los numerosos llamamientos que requieren meses o incluso años de preparación, con el desarrollo web que puede, sin mucho esfuerzo, comenzar hoy mismo con la remota posibilidad de que sienta el fuego del aprendizaje y la divulgación que se cierne bajo sus pies!

El mejor lugar para comenzar a descubrir cómo las funciones de diseño y desarrollo son los diversos cursos de diseño web en línea dirigidos de forma independiente y gratuita que cubren todo, desde conocidos de programación fundamentales con las mejores prácticas de avance. A continuación, compartiremos lo mejor de los mejores cursos de mejora web y destacaremos lo que cada uno puede ofrecerle y la determinación de las mejores conexiones o aparatos a los que mirar.

1. Codecademia :

Codecademy ofrece una progresión de ejercicios instructivos dirigidos de forma independiente para que los aficionados aprendan los rudimentos de la programación web. Se realiza una condición de mejora independiente dentro del programa en la que puede asimilar las estructuras fundamentales del código de front-end como HTML y CSS, antes de continuar con los dialectos de back-end, por ejemplo, Ruby on Rails y Python.

2. Academia de Khan :

Un sitio de aprendizaje muy útil que cubre todo tipo de asignaturas, y el área de programación de Khan Academy específicamente no puede ser descuidada. Incluye una variedad de ejercicios de instrucción dirigidos de forma independiente, en su mayoría con especialistas que brindan sonido y, además, dirección de video en el punto, mientras que las ventanas inteligentes en pantalla demuestran el código y producen los resultados en medio de la representación.

3. MIT OpenCourseware :

Una plenitud de cursos dirigidos de forma independiente de una de las mejores escuelas especializadas de los Estados Unidos, el MIT. El programa OpenCourseware de MIT ofrece una amplitud de temas inimaginable para conocer, incluidos muchos cursos que se identifican con la programación, el diseño y el desarrollo.

4. Coursera :

Al igual que OpenCourseware de MIT, Coursera ofrece una gran cantidad de cursos en línea de una variedad de universidades de todo el mundo por nada. Cada curso difiere un poco en cuanto a la disposición y el calendario, sin embargo, varios cursos son accesibles para que la programación, el avance y la ingeniería de software puedan probarlo.

6. HTML5 Rocks :

Si bien la interfaz es un tanto lúgubre y los artículos aplicables pueden ser, hasta cierto punto, probados, la página web HTML5 Rocks, creada por Google, ofrece una amplia gama de artículos y ejercicios de instrucción sobre todos los aspectos del diseño web y temas de desarrollo, con grupos objetivo. Corriendo desde aficionados hasta ingenieros de vanguardia.


Para más artículos similares inicie sesión en – Nile Blog . También puedes seguirnos en Facebook y Twitter.

Desde el comienzo de la web, ha sido una tradición para los diseñadores y desarrolladores compartir conocimientos y seguir aprendiendo a campo abierto. Por esa razón, hay una serie de recursos disponibles para cualquier persona que quiera aprender a desarrollar web desde cero. A lo largo de los años, han surgido varios programas que le permiten aprender los conceptos básicos del desarrollo web, crear un portafolio y comenzar su carrera.

Por qué aprender desarrollo en línea

El aprendizaje en línea es un poco contrario al tradicional programa universitario de cuatro años. Hasta hace unos años, era casi imposible encontrar un curso de desarrollo web en un entorno universitario tradicional. En los últimos años, esto ha mejorado un poco, pero el desarrollo web de aprendizaje aún requiere mucha auto-motivación.

As a still emerging field, your skills as a web developer are often evaluated by the strength of your portfolio rather than your credentials. Building up samples of work is going to be your most valuable asset in the field, and experience is paramount. This isn’t to write-off entirely the value of a proper college education. Rather, it’s to tell you that if you cannot attend a regular university, or have chosen to study something else there, then you are far from lost. A good amount of the web community are self-learners, myself included. The best way to build websites for a living is to start building websites on your own. The strength of your skills, and your own motivation, will be the strongest factors in how far you are able to take it.

Fortunately, there are lots of online resources that can help you get started. We are lucky to be working in an industry that is growing exponentially, and the skills needed are out there for you to learn. But you also will be required to drive yourself and push to complete your skill set. For those hungry to acquire knowledge, and eager to get started, there are several places where you can learn web development right away.

Hackr.io – Find & share the best online programming courses & tutorials

This is the best one in the list

Get started here – CS 193A: Android Application Development|Hackr.io

Casa del árbol

One of the leading premium online learning resources is Treehouse. El programa tiene un costo mensual con dos niveles de precios. Funciona guiándole a lo largo de varias “pistas” que están destinadas a enseñarle una habilidad específica o lenguaje de programación desde principiante hasta avanzado. In each track, you will take several courses with videos from an instructor, accompanied by structured code walkthroughs and sample quizzes to keep you on pace. Treehouse has tracks that can help with all aspects of building websites and apps, from building the most basic website with no knowledge of HTML or CSS to back-end languages and iOS app development.

Treehouse comes closer than most at replicating an actual university structure, as its tracks are highly structured and assume no previous knowledge. But it will be up to you to make sure you keep up with a course, and engage with all of the examples provided. But Treehouse also gives you access to a lot of external resources related to learning, including small workshops, a library of books and audiovisual materials, and exclusive conferences. And as you gain more experience, Treehouse also offers help with job placement and internships, which is a pretty big bonus.

Lynda

Lynda is a bit like Treehouse, in that it offers a range of video courses taught by online instructors for a monthly fee. Sin embargo, en lugar de dividir las cosas en pistas, Lynda simplemente le da acceso a miles de cursos que van desde principiantes a intermedios a avanzados. Lynda is not just focused on web development, and has courses on animation, photography, film, music, and even education. But Lynda’s core strength and most comprehensive course offerings are available in web design and development. To get started, you simply need to find the course you want and take it.

It will be up to you to structure your own path, but once you do, there will be a course on just about anything you can imagine. You might want to start learning a bit of basic Javascript, then dive into the fundamentals of a Javascript library like Backbone or Ember. Or maybe you want to learn some front-end development before moving to advanced WordPress theme development. Each course comes with a series of videos, and depending on the course, a few examples for you to walk through and some sample code. Instructors are vetted by Lynda, so you can be sure they are high quality.

If you’re the kind of person who likes to jump straight into things, and works best by example, then Lynda is probably the right choice for you. It will offer you a full range or learning opportunities, and you can work at whatever pace you feel comfortable with.

Udemy

Udemy serves as more of a platform than a structured approach to learning. Usando Udemy, los instructores pueden establecer cursos que están destinados a ser pistas de aprendizaje extremadamente completas e independientes que le enseñan una habilidad particular. Like Lynda, Udemy offers a wide range of course offerings, both in web development and related fields. The strength of Udemy courses rests on the skills of the instructor, so before taking a course there it is worthwhile to research the instructor’s credentials.

Each course has a price, and you get unlimited access to the videos for that course, as well as a connection to the underlying Udemy student community. Like some of the other resources listed here, Udemy is more of a skills-driven website, and is best if you are trying to get started with a specific skill, like HTML5 or CSS fundamentals, rather than a start to finish solution. Udemy features a range of courses on all topics in web development, from the basics of code to building a full website using HTML, CSS, Javascript and WordPress.

Codeacademy

Codeacademy is another course-based online learning site, but it takes a slightly different approach. Por un lado, es completamente gratis. Y en lugar de ofrecerle un conjunto de videos para aprender, se le guía a través de ejemplos interactivos que le permiten programar de inmediato. Each example will show another facet of a particular programming language, like HTML, CSS or PHP, and through these examples you build up knowledge of the code’s structure and semantics. Samples allow you to type code right in the browser, and your code is evaluated on the fly by the platform, accompanied by explanations and walkthroughs.

Without the background that comes through videos, you may miss some of the theory behind programming, but you will also get started building websites almost right away. And once you’ve learned how to use a language, it might be a bit easier to go out into the world and figure out the why.

Codeacademy has a fairly small number of courses available. Most teach a specific programming language from beginning to end, but the site also offers two courses on how to make a website with no knowledge of development at all. If you’re a “learn by doing” type, then Codeacademy might be the right way to go.

WPSessions

If you’re looking for a learning resource that’s a bit more WordPress focused, then WPSessions might be a good option. El sitio fue iniciado por Brian Richards y funciona organizando grupos de video tutoriales en sesiones. Some sessions are free, though most are paid, and each focuses on a new topic in web development. For instance, the “Working with BuddyPress” session deals exclusively in how to use BuddyPress and WordPress. Though the site is more WordPress focused than any other listed here, many of the sessions take you through the basics of web development before moving on to how they apply to WordPress. The “WordPress and Backbone.js” course, for instance, focuses on the fundamentals of Javascript before moving on to how to get started with the Backbone Javascript library

Each session has three speakers, at about an hour each. And Brian adds a unique twist to the site, by allowing you to attend the session live, and interact with the speakers in real time. After a session is over, it goes up on the site for purchase. WPSessions is in the midst of an expansion right now, and is going to offer more and more courses, comprehensive dives into different areas of WordPress development.

Tuts Plus

Tuts Plus actually offers two different way to learn. Su sitio está lleno de tutoriales gratuitos que se centran en una sola cosa, como comenzar con una biblioteca de Javascript específica o los fundamentos de CSS. These tutorials are great when you’re just starting out, because they often come with code samples you can poke around in and take you step by step through the process of creating a website. If you’re looking for a quick way to just start learning, Tuts Plus tutorials will have you diving in in no time. And there are plenty of WordPress tutorials alongside HTML, CSS and Javascript tutorials.

But the site also offers a premium option which takes a more course-based approach. You can choose to purchase individual courses, which will teach you a specific skill in web development, or subscribe to a monthly plan which gives you access to all of the courses. Tuts Plus focuses exclusively on web development, from design to the front-end to the back-end. It allows you to dive deep into a web development skill or programming language, and is one of the only learning resources out there that evaluate and demonstrate how to use various libraries out there, like Backbone, Ember, Laravel, Sinatra, Ruby on Rails, and a whole lot more. For an absolute beginner, Tuts Plus may be a bit advanced. It starts at about the novice level and goes up from there. But if you’re trying to expand your basic knowledge, and make really cool websites, Tuts Plus will show you how.

https://www.khanacademy.org/

Khan Academy was founded by Salman Khan in 2006, and has since grown into a full non-profit online education platform. Ofrece cursos en una variedad de temas, aunque su enfoque tiende a ser en Matemáticas y Ciencias. Each course has a series of videos that help you learn a new skill, and interactive challenges that guide you along.

The web development section of Khan Academy is still very new, and right now focuses on how to use Javascript. If you’re looking for a good resource on HTML and CSS, you may want to look elsewhere, but it offers a great, free way to get started with JS. I mention this only because at the moment, Khan Academy is in the process of building out their web development section, so it’s something to keep an eye on in the future.

CSS Tricks

Ask any web developer out there for a list of places to learn, and I guarantee they’ll mention CSS Tricks. Una gran cantidad de desarrolladores web aprendieron revisando consejos sobre CSS Tricks y siguiendo los ejemplos de Chris. At the most basic level, CSS Tricks is a repository of knowledge about CSS, HTML and Javascript, from the mind of Chris Coyer. But over the years, it has taken a life of it’s own, and become a complete tool for learning front-end development. Buried in CSS Tricks, you’ll find plenty of quick and practical tips, code snippets, and really basic explanations of complex techniques. New articles are added every week, most with an evergreen feel to them, and will remain relevant for years to come. CSS Tricks is a great resource to turn to if you find yourself stuck, and are looking for a specific solution.

CSS Tricks also has a premium section to it, known as “The Lodge”. For a monthly fee, you can get access to in depth screencasts and video tutorials. Chris often uses WordPress for his projects, so even when he is just talking about basic front-end code, it is often within the context of WordPress sites, which should give you a baseline of familiarity.

Eloquent Javascript

Javascript is definitely the most complex of the front-end languages and will be an immediate obstacle for those looking to learn web development. But if you’re looking to build an interactive website with advanced functionality it will be essential. And as a web developer, it can be what sets you apart.

The language has a few odd quirks to it, and can be a bit difficult to wrap you head around at first. Eloquent Javascript is a book that can help with that. A first edition was written several years ago, but a second updated edition has just been released. The online book walks you through Javascript, from basic fundamentals, to full scale server-side application development. In fact, the book serves as a good introduction to programming generally, and starts by teaching you the basics of computer science before contextualizing those principles in Javascript. The book is free, and each chapter is accompanied by code examples that can be run right from the browser. Throughout the book, you will also encounter code challenges to solve which help solidify your learning. If you’ve reached a point where you have a good amount of HTML and CSS under your belt, but need to get started with Javascript, it’s a worthwhile book, filled with lots of examples and best practices.

Codrops

Codrops is a resource for web developers at any level, looking for a little inspiration. El sitio está lleno de tutoriales y demostraciones de códigos que llevan el código de front-end al límite. Tutorials usually begin with a stunning demo, with animations, or transitions, or dynamic interactions. The demo’s focus on a sole feature, like adding an off-canvas menu, or a preloader. Then, the tutorial walks you through the code and shows you how to get the example up and running. All of the tutorials come with a code package that you can download and look through yourself, so you can see how it all comes together.

Codrops won’t take you from novice to expert, but it is great for those learners looking to stretch their imagination a bit. It takes a “do as I do” approach, coding things up using cutting edge technologies and best practices. One of the best ways to learn web development is to simply dig around existing code, and Codrops offers you lots of opportunities to do so.

Empezando

You may be hesitant about starting a career in web development. But trust me when I say, getting started is the hardest part. There is a lot of ground to cover, but wrapping your head around the basics can be done fairly quickly. With just an afternoon of focused time, you can have your first, albeit very simple, website built. From there, it’s just a matter of practicing your skills with code until you feel comfortable. Hopefully, these resources can help you along the way.

I hope it helps…

To learn web coding from scratch, and to maximize the time, use a pre-existing “full stack” framework. This means, a prepackaged set of components that are already tested and work together.

Of course, choosing which one is a highly opinionated topic.

Node.js is often recommended because a single language, JavaScript (programming language), is used for both the client and server.

What is the best “full stack web framework” (with scaffolding, MVC, ORM, etc.) based on Node.js/server-side JavaScript?

Node.js is not appropriate for all kinds of projects, though. And, if the startup person already knows one back-end language, then it is best to take advantage of it.

Generally, searching the internet will yield excellent results. There are many popular resources such as stackoverflow.com.

There are hundreds of excellent books to learn design patterns, and the principles and paradigms behind good fundamental programming. The truth is that the best way to learn coding is to do coding, build software and learn from experience, mistakes, colleagues and those in the community.

Here is a fantastic infographic explaining how and why to learn code…

If your learning style is more kinetic, and learning by doing like mine is, I prepared a short list of awesome resources where you can learn code very quickly by playing around with it 🙂

Five Brilliant Resources to Learn Code by Doing – code(love)

Unbelievable, 81 answers and only a few people mention WordPress.

I’m assuming that your start-up isn’t a web based social media esque style of business, but you just need a portal to showcase your business, host a blog, get feedback, generate leads etc…

Anyone who suggests that you actually learn to build a website from scratch is doing you a huge disservice! You have a million things to do if you are starting a business, learning to code doesn’t need to be one of them.

WordPress is easy to use, open source code that can be used to create awesome web presences in a fraction of the time it would take to build. The beauty is that you can select a free theme or buy a premium one ($50.00 ish), Upload wordpress, install the theme and hey presto a few hours later and you are building pages. Have a look at the WP themes on http://themeforest.net and see what you could do… The theme will come with contact forms, page templates, homepage sliders etc, then you need to add some free plugins (tip: install Better_WP_Security after your successful WP installation and before anything else). If you choose your theme well, it will come with loads of other useful features, look for one that is responsive and has a high user star rating.

The WordPress Codex has all the answers that you will ever need, from setting-up your database to fine tuning your site.

Now you have freed-up time to work on your content, which is far more important!

I would recommend Treehouse, they combine useful videos with hands on teaching, some of my friends who are pretty good at programing and coding recommended it to me, because I was previously using codeacademy (which is decently useful but you learn very basic things overall and nothing that really helps you progress)

Go with treehouse

Link: http://teamtreehouse.com/

You have two paths to go by .

1. If you are interested in programming especially the backend part , start by learning HTML5, CSS3 , PHP and others web technologies .

2. IF you want to go the east way and less time consuming way got with Content Management System (CMS), here you dont want to learn any coding part. You just want to add the contents for you site and the site would be built in minutes .

The most popular CMS available on the net are :
1. WordPress
2. Joomla
3. Drupal

If your startup is an ecommerce startup Magento CMS would be the best option.

WordPress is the easiest of all . Easy to learn and implement .

If you want to go by the first option, the best resources available on the internet are

1. Edx, Coursera, Udacity
2. Udemy
3. Mozilla Web developer Network
4. Khan Academy
5. CSS3.com – A comprehensive CSS 3 reference guide, tutorial, and blog
6. Linda.com
8. Learn Academy

You can search for all your queries on

1. Stackoverflow
2. Quora

And certainly the best of all is Google

The best option for learning is building the site alongwith learning. You would face problems everyday. But googling those problems would certainly lead to a solution for the problem

You would get the full information about webdevelopment on our site
http://www.campuswhizz.in
Visit the Learn Hub section !
All detailed information about HTML5, CSS3 , PHP , AJAX and other web development tools is available there.

You can also post your queries and question on our site.

Best of luck for the site development !!!

As a web developer, you will be dealing with websites and their content so it will be good that you learn web development online. You will be given given examples that you can watch and then practice anywhere anytime. You will choose the time for learning and can learn at your own speed.

Practice side by side. Online courses are cheaper than the offline courses and sometimes they are freely available. So Learning development online is recommended.

From Where to Learn Web Development Online ?

There are plenty of resources to earn web development online and here are the 10 websites from where you can start your path to a web developer.

1. W3Schools.com

It is a web development tutorial website that teaches most of the language associated with web development. You can learn HTML, CSS, JavaScript, J query, PHP, SQL and many other languages. It shows examples with an online editor to experiment yourself with the codes online.

It is a free website and every tutorial on the website is free for you to learn. This makes the website best for leaning web development.

2. Punto de tutoriales

Another great website with free content which you can learn from anywhere without paying a single penny for it. It not only offers tutorials on web development but on many other fields such as Java Technologies, Marketing, Management etc. The website provides a complete development guide with many languages that are very costly to learn from anywhere else Such as Ruby On Rails, WordPress etc.

3. Udemy

Udemy is an online education marketplace and provides video lectures which are prepared by experts. The lectures are not always free but you can find many free courses on Web development easily.

The mobile app lets you download the course so that you can watch them later offline.

Read Here : Best Programming Languages

The price of lectures is less than the price you give to an offline tutor and the quality of the courses is far good than that.

You can also use coupons to get discount on the courses.

4. Codecademy

It is an online platform that offers free classes on many of the programming languages including Java, PHP, Python, Html & CSS etc. It is an interactive website where you learn by playing with codes. There are quizzes which you clear to earn the next level. The interface makes it an amazing to learn web development.

5. Lynda

Lynda offers video lectures on various languages on monthly basis. There are two plans to choose from Basic or Premium. Once paid for a plan you can access all the tutorials available on Lynda website with monthly fee structure. There is also a 10 day free trial as a demo to test the lectures you want to learn.

Many Videos are available on web development which you watch and learn, tasks are given so that you can test your skills. Offline viewing is also available with the Premium Plan.

These were the points on learning web development for a beginner. Check these websites and start learning.

Gracias !

Present Slide

There is no single best resource.

The best thing to do in my view is to pick a project, say a simple blog, and work towards creating it. You can use Youtube, Google, etc to work towards most simple projects.

If you feel like following my example and building a blog this is a great tutorial. It will teach you the basics of getting a blog up and running using Python and the framework Django.Django Girls Tutorial

Okay, people have suggested lots of sources and they’ll be real helpful if you have a step by step plan to follow. So here is how I learnt web development.

  1. Learn HTML. This will help you build basic web pages ie, the static pages. Similar to creating a word document but it’s a web document or a web page.
  2. Learn CSS (Cascading style sheets). This would let you define styles for your web pages. Like you have a fixed style rules for headings in Microsoft word saying that all the heading1’s should have so and so font and font size, color etc.. CSS lets you dictate how different sections of your webpage/s look like.

You have learnt how to build a static website by now.

  1. Now starting our path towards dynamic websites ie, the web pages that change content according to user input. Learn SQL to operate an RDBMS database like MySQL. This enables you to have login features, dynamic content etc..
  2. And to integrate this database to a web page, you’ll need middleware technologies or server side technologies like php, Python django, Ruby on Rails, jsp, asp.net etc… Choose the one you’re comfortable with and learn that technology.
  3. You might need JavaScript at some point and learning this would open up some interesting options like jquery, node.js etc…

Note: if you don’t want to go through this process, just choose a content management system(CMS) like Drupal, wordpress etc.. And pick a template and you’ll have your website in no time…all you need to know is to how to use the interface of that CMS.

Espero eso ayude.
Aclamaciones

Guau. Lots of answers on this one. Let’s see if I can help out.

From what I’m seeing, there’s a lot of options out here. People have listed some great sites, but from what I’ve found, a reliable site doesn’t necessarily mean a reliable course. I’d hate for you to spend money on something subpar.

The other problem with online courses is that sometimes instructors use them as a way for self-promotion or a tool to hock their company. I’m sure you’d rather have instructors whose first priority is your education and teaching well, not advertising their own startup.

To combat this problem, I’ve made my own list of fundamental online coding courses , which cover a range of languages and even some courses that are directed at entrepreneurs looking to learn coding. Many of these courses are only a couple of hours, but you have lifetime access to many of them, meaning you can go back to refresh your skills at any time.

Also (and this may be a bit further down the line), if you’re interested in creating a native Android app , I’ve got a good list here of some classes that you can take, which range in levels from beginner to intermediate coder.

¡Espero que ayude!

Aquí hay algunos buenos recursos para comenzar a aprender Ruby:
Rubí:
Que es:

Aprender:

  • Curso – Pagado: Tutorial de Ruby, Aprende Ruby para principiantes
  • Curso – gratis: Ruby
  • Curso – gratis: Prueba Ruby – Code School
  • Libro: Amazon.com: Ruby In A Day: Aprenda lo básico, aprenda rápido, comience a codificar rápidamente (libro de libros del día 3) eBook: Richard Wagstaff: Tienda Kindle
  • Tutorial de YouTube: Ruby Programming Tutorials Playlist

Ejercicios prácticos :

  • codewars.com
  • Rubeque

Consigue ayuda:
Foro de preguntas y respuestas:

  • Ruby – Ruby Forum

Material de referencias:

  • Índice de archivos, clases y métodos en Ruby 2.1.5 (Ruby 2.1.5)

Pon a prueba tus habilidades:

  • Prueba de rubí

Manténgase relevante:

  • Unirse a un Meetup: Ruby Meetup Groups
  • Únase a un boletín de noticias o blog: Un boletín electrónico semanal gratuito

Si también quieres aprender Ruby on Rails, aquí tienes algunas recomendaciones:
Ruby on Rails:
Que es:

Aprender:

  • Curso – Pagado: Capacitación de Ruby on Rails: Tutoriales de Ruby on Rails para principiantes – Udemy
  • Curso – gratis: Tutorial de Ruby on Rails – Code School
  • Libro: Amazon.com: Rails: Programación rápida y fácil de Ruby on Rails para principiantes. ¡Aprenda Ruby On Rails desde cero !: (Ruby, Ruby on rail, Ruby Red, Ruby Programming, Ruby Development) … Ruby Programming, Ruby Development, Libro 1) eBook: AZ Elite Publishing: Tienda Kindle
  • Tutorial de YouTube:

Ejercicios prácticos :

  • Aprender rieles – Modelo, Vista, Controlador
  • Learn Rails – ActiveRecord Queries
  • Learn Rails – Active Record, Asociaciones

Consigue ayuda:
Foro de preguntas y respuestas:

  • Foro: Ruby on Rails

Material de referencias:

  • API de Ruby on Rails
  • Primeros pasos con rieles

Pon a prueba tus habilidades:

  • Prueba de Ruby on Rails

Manténgase relevante:

  • Unirse a un grupo de Meetup: Ruby On Rails Meetup Groups
  • Únase a un boletín de noticias o blog: Un boletín electrónico semanal gratuito

Si desea saber más sobre cómo convertirse en un desarrollador de Ruby y obtener una buena información, consulte ReSkill.me y su página dedicada para el desarrollador de Ruby on rails.

The best thing for a newbie to do is to choose a good framework. This makes your life easier for developing web-applications. Personally, I would suggest take up Ruby on Rails – Rails follows MVC architecture and is quite popular nowadays with companies like Twitter, Groupon , Scribd built on it.

Good place to start for Rails would be “Agile Web Development on Rails” by Dave Thomas and David Heinemeier Hansson.

Also you can go through Ruby on Rails Screencasts here and http://stackoverflow.com/ is always there to guide you through doubts. Also rails has extensive online documentation available. Use Twitter Bootstrap for your UI and you are all set to go !!