¿Cuáles son los mejores recursos para que un graduado en ciencias de la computación aprenda el desarrollo web?

Answer 1

Gracias por A2A!

Mira este video y obtendrás tu respuesta. Este video te guiará en lo que debes hacer y dónde comenzar.

HTML y CSS

En primer lugar, conocer qué son HTML y CSS. Una vez que tenga un concepto claro acerca de estos dos hermanos, vaya a Aprender a codificar O Aprenda a codificar y ayudar a organizaciones sin fines de lucro, inscríbase y haga ejercicio. Estos ejercicios le darán una breve introducción de las etiquetas utilizadas en HTML y CSS y cómo usarlas. Después de acostumbrarse, vaya a Learn to Code HTML & CSS y obtenga una vista detallada de este sitio. Aquí aprenderás HTML y CSS reales y podrás diseñar una web. Cuando haya terminado con Shay Howe, su próximo destino es Learn to Code Advanced HTML & CSS. Visite W3Schools and Learning web development para un estudio detallado de HTML y CSS.

Twitter Bootstrap

Ahora, debe concentrarse en cómo hacer que su trabajo sea mucho más fácil y que sus diseños sean receptivos (el diseño responsivo es el que se adapta a sí mismo y proporciona la mejor visualización para cualquier resolución). ¡Bingo! Puedes hacerlo con Bootstrap. La documentación oficial es muy buena. Si quieres probarlo en otro lugar, ve a Twitter Bootstrap.

JavaScript

Hasta ahora, has tenido mucho sobre la construcción de un sitio web. Para hacer que su sitio web se vea más bonito, sexy y delgado, necesitará algo llamado ‘JS’. Como antes, deberías consultar Aprender a codificar de nuevo y esta vez aprenderás JavaScript. Vaya a W3Schools, JavaScript elocuente y JavaScript para aprender JS.

jQuery

jQuery es la biblioteca de JavaScript multiplataforma más popular. jQuery es una fuente abierta lanzada en 2006. jQuery es parte de más del 60% del sitio web de alto tráfico que garantiza aplicaciones y páginas web dinámicas con un funcionamiento potente y eficiente. jQuery es compatible con todos los navegadores populares. Funciona impresionantemente bien con eventos, efectos y animaciones. jQuery mobile proporciona un funcionamiento perfecto de un sitio web incluso en teléfonos móviles donde se utilizan menos datos. Ver más sobre jQuery aquí.

Algo más

Ahora te has convertido en un buen desarrollador. No te limites solo a estos sitios. Ser un dolor de cabeza para Google (literalmente). Búsqueda, búsqueda y búsqueda. Consigue tus conceptos básicos correctos. Pase tiempo en Stack Overflow y, por supuesto, http://quora.com para obtener y compartir conocimientos.
Para obtener las últimas actualizaciones y noticias sobre el desarrollo web, manténgase conectado con estos dos y también para las personas que hacen sitios web, la red de desarrolladores de Mozilla, para las personas que hacen sitios web y la revista Smashing. Lista de visitas “ .

Si prefiere video conferencias, suscríbase a LearnCode.academy. LearnCode.academy puede ayudarlo a crear sitios web impresionantes con HTML, CSS, Bootstrap, jQuery, JavaScript y muchas otras herramientas.

Libros recomendados para arriba

Puede descargar .pdf de cualquier tutorial desde tutorialspoint.

Los libros recomendados para HTML y CSS son:

• Libro de cocina de diseño web responsivo HTML5 y CSS3 [1]
• Diseño web a prueba de balas [2]
• No me hagas pensar [3]

Para JavaScript:

• JavaScript elocuente
• Biblia de JavaScript [4]
• JavaScript: Las partes buenas [5]

Backend

Esto fue todo sobre diseños, sitios web y nada sin la programación de back-end. Algunos de los lenguajes más utilizados para esto son el preprocesador de hipertexto, Ruby, http://www.asp.net/ y Python. Los sitios web oficiales proporcionan documentación (algún tipo de tutorial) a través de todos ellos. Junto con estos idiomas finales, tendrás que aprender MySQL o cualquier otro lenguaje de consulta para codificar sitios web dinámicos. PHP (y otros) lo ayudarán a comunicarse con el cliente utilizando una base de datos y SQL lo ayudará a administrarlo.

Internet está cargado con millones de tutoriales en estos lenguajes de programación. Trate de encontrar tutoriales adecuados en estas redes:

• Lynda.com: tutoriales y capacitación en video en línea
• Udemy: Cursos en línea en cualquier momento y en cualquier lugar
• Udacity
• Coursera – Cursos gratuitos en línea de las mejores universidades | Coursera

Si aprendes más rápido, prueba también LiveCoding y observa el código de personas, eso te ayudará mucho.

Mira si esto te puede ayudar también:

¿Dónde puedo aprender HTML 5 y CSS de AZ?

¿Cuáles son algunos sitios web útiles (de pago o gratuitos) para enseñar el desarrollo web intermedio / avanzado?

¡Feliz aprendizaje!

Notas al pie

[1] Amazon.com: libro de cocina de diseño web responsivo HTML5 y CSS3 Libro electrónico: Benjamin LaGrone: Tienda Kindle

[2] Diseño web a prueba de balas: mejora de la flexibilidad y protección contra los peores escenarios con XHTML y CSS (2ª edición): Dan Cederholm: 9780321509024: Amazon.com: Libros

[3] No me hagas pensar: un enfoque de sentido común para la usabilidad web, 2ª edición: Steve Krug: 9780321344755: Amazon.com: Libros

[4] Biblia de JavaScript: Danny Goodman, Michael Morrison, Paul Novitski, Tia Gustaff Rayl: 9780470526910: Amazon.com: Libros

[5] JavaScript: Las partes buenas: Douglas Crockford: 0636920517740: Amazon.com: Libros

Answer 2

Antes de escribir esta respuesta, asumiré que actualmente no tienes conocimiento del desarrollo web, lo que probablemente no sea cierto porque eres un graduado en ciencias de la computación, pero tal vez esto ayude a alguien más que sea un principiante.

Lo primero que todos deben saber sobre el desarrollo web, independientemente de las tecnologías de back-end, es HTML. El enlace aquí es probablemente el mejor enlace para aprender HTML de. Para las personas que no saben, HTML es el lenguaje de marcado de hipertexto. Esto es lo que se usa para mostrar texto, imágenes, videos y todo lo demás en una página web en su navegador web. Una vez que haya terminado con el HTML básico, deberá aprender cómo hacer que sus páginas web se vean mejor.

Para hacer esto, debes aprender CSS. CSS es hojas de estilo en cascada. Estas piezas de código dan un mejor formato a sus sitios web y hacen que se vean mejor. Una vez que haya dominado el CSS, probablemente debería estar en un punto en el que pueda diseñar páginas web y sitios web estáticos simples por usted mismo. Un sitio web estático es uno que generalmente se usa para mostrar datos y no tiene muchas interacciones con los almacenes de datos de back-end como las bases de datos.

Una vez que haya comprendido CSS, lo siguiente que debe aprender sería Javascript (JS). Todo lo que hemos hecho hasta ahora ha sido definir el contenido web utilizando HTML y definir el diseño de las páginas web utilizando CSS. Sin embargo, es probable que también deba programar el comportamiento de las páginas web. Un ejemplo muy básico será un fragmento de texto que aparecerá en la misma página web al hacer clic en un botón. Hay muchas maneras de hacer esto, siendo JS la más fácil.

Una cosa que debe tenerse en cuenta aquí es que, actualmente, hay paquetes de CSS y JS disponibles en el mercado que crean sitios web hermosos con solo incluirlos en su página web. Algunos ejemplos de estos son Bootstrap y Materialise. Si está buscando desarrollar sitios web de calidad profesional, estos serán útiles al momento de crear la interfaz. Tenga en cuenta que esta lista no es de ninguna manera exhaustiva, pero solo es un buen punto de partida según mi opinión.

Una vez que haya resuelto estos problemas, estará listo para comenzar con la programación de back-end. Esta es la parte del código que contiene su lógica empresarial, lo que decide hacer con su sitio web. Hay múltiples, posiblemente demasiadas formas de hacer esto. Lo primero que debe hacer es decidir un idioma para su sitio web. Mis experiencias personales están en Java, y hablaré sobre eso en detalle. Aparte de Java, Django con Python, PHP y Ruby on rails son algunos de los otros lenguajes de construcción de sitios web muy famosos.

Tengo un conocimiento limitado sobre las tecnologías mencionadas anteriormente, por lo que no entraré en demasiados detalles sobre ellas. De mis experiencias personales de trabajar con Java, esto es lo que puedo sugerir. Java consta de innumerables marcos con los que se puede comenzar a escribir códigos de programación web. Éstos son algunos de ellos y las mejores fuentes en Internet (según yo) para aprenderlos de:

Marco de primavera

Maven

Servlets

Servicios web – REST

Servicios web – SOAP

Una vez que aprendas esto, sabrás qué más necesitas aprender para avanzar, porque estoy seguro de que para este momento harás amigos y colegas con intereses similares.

Por último, hay muchas aplicaciones basadas en Javascript que se desarrollan ahora y algunos de estos marcos son extremadamente robustos y útiles según el tipo de aplicación web que está desarrollando. Sugeriría NodeJS, AngularJS y ReactJS.

Por último, pero no menos importante, solo saber cómo programar no es suficiente para desarrollar un sitio web. También debe saber por qué debemos codificar una solución de una manera particular. Esto se llama patrones de diseño. Estos le ayudarán a aprender los distintos patrones que debe usar para desarrollar ciertos tipos de problemas para agregar escalabilidad y flexibilidad a su sitio web para su desarrollo y mantenimiento más adelante. Tenga en cuenta que para aprender los patrones de diseño, es muy importante tener claros los conceptos de OOPS, preferiblemente Java.

Por último, un sistema de gestión de bases de datos. Básicamente, esto no es parte del desarrollo web, sino un campo de estudio completamente diferente, así que una vez más no hablaré demasiado sobre esto aquí. Sin embargo, solo como una sugerencia, lo vincularía a este tutorial sobre PostGreSQL y SQLLite. Estos son ambos sistemas de bases de datos relacionales. Los sitios web modernos también utilizan sistemas NoSQL. Escribir sobre todo esto aquí llevará mucho tiempo y probablemente no resultará en mucho por ahora, así que solo eche un vistazo a los enlaces.

Espero que esto haya sido útil. Tenga en cuenta que esta lista no es exhaustiva y tampoco contiene todo lo que hay que saber sobre programación web. Pero creo que este es un muy buen punto de partida.

Todo lo mejor.

Answer 3

Te sugiero que pruebes Free Code Camp, es un entorno de aprendizaje gratuito y una comunidad. Me ayudó mucho, te ayuda a aprender HTML, CSS, Javascript, PHP y mucho más.

La mejor parte es que es completamente gratis sin tonterías premium. Sólo gratis. Y hay muchas salas de chat donde otros estudiantes se ayudan entre sí.

Espero que encuentre útil esta respuesta.

Answer 4

Unirse / Auditar cursos de desarrollo web en Coursera.

Alternativamente, puedes buscar tutoriales en Google.

Editar: usa estas herramientas para construir algo que puedas tener en mente. Esa es la única manera de aprender realmente.

Answer 5

Siempre vuelvo gente aquí

Tutoriales en línea de W3Schools en línea

está bien escrito y te permite jugar con sus ejemplos en línea en tiempo real.

He estado haciendo desarrollo web para … hmmm hace casi 2 décadas, y todavía vuelvo aquí de vez en cuando, ¡solo porque es muy útil!