¿A qué recursos debe referirse un desarrollador web para obtener ayuda y mantenerse actualizado?

En primer lugar, le agradezco por querer mantenerse actualizado con las últimas actualizaciones y cosas de aprendizaje a un nivel más profundo.

Lo primero es lo primero: ¡la documentación es tu amiga!

Referencia HTML5
JavaScript
CSS
PHP Manual – Manual
Documentación de MySQL: manuales de referencia de MySQL
Documentación de Ruby on Rails

No olvide que esta documentación también está disponible como descarga. Simplemente descárguelos y guárdelos en algún lugar, nunca se sabe cuándo los va a necesitar en caso de que se desconecte a Internet, por alguna razón.


Ahora que la parte de documentación ha terminado, pasemos a la parte de aprendizaje .

Supongo que ya sabe sobre desarrollo web, por lo que necesita cosas para actualizar sus habilidades de codificación. Por lo tanto, las escuelas en línea y los proyectos de pasatiempos son excelentes maneras de mantenerse en forma (en lugar de leer libros página por página nuevamente).

Por supuesto, también es bueno si quieres leer ese libro “avanzado” que siempre quisiste leer , que no has tenido la oportunidad de leer antes.

Por ejemplo, soy un chico novato en Rails y he estado jugando con Rails desde hace algún tiempo. Creo que ha pasado un tiempo desde que realmente pensé mucho en entender cómo funcionan las cosas por dentro. Entonces, creo que es una buena idea si leo libros como este: Metaprogramming Ruby, y guías como estas: Proceso de inicialización de Rails, para que entienda cómo funcionan los rails a un nivel mucho más profundo.


Estoy dando enlaces a algunos lugares donde puede encontrar (enlaces a) material avanzado . Parte de este material puede estar dirigido a principiantes; sin embargo, no debería tener problemas para identificar las cosas que le interesan.

a partir de html5-css3-para-principiantes
Un buen recurso para aprender HTML5
Los mejores recursos para aprender JavaScript
La mejor manera de aprender PHP
La mejor manera de aprender rieles

Eche un vistazo a los proyectos mencionados en los enlaces a continuación y aprenda a crearlos por su cuenta para mantenerse en forma .

Rails Ejemplos y Tutoriales
10 proyectos que todo desarrollador de php debería usar
¿Cuáles son algunos de los proyectos PHP (solo ideas) para que los nuevos alumnos comiencen y prueben por su cuenta?

Con respecto a PHP y JavaScript, puede comenzar a aprender nuevos marcos que no conocía antes o tecnologías que no haya probado antes, como Yii, node.js, Backbone.js solo por nombrar algunos.


Ahora viene la parte de los tutoriales en línea y las escuelas .

Estas son algunas de las mejores escuelas en línea donde puedes codificar por diversión un domingo por la mañana:

Academia de código
Código escolar
P2PU
Teamtreehouse
Aprendible
Tutsplus
W3Schools
Aprender CSS | MDN
Aprender HTML | MDN
Aprende JavaScript
punto de tutoría
Tutorial MySQL

Si te tomas en serio los tutoriales en línea, también puedes optar por tutoriales pagados.

Además, puede consultar algunos videos en línea. Aquí hay algunos buenos recursos:

phpacademy

thenewboston

Vídeos de Screencast de Ruby on Rails

Recuerde que los videos están indexados por contenido, por lo que no necesita ver un video si cree que ya lo sabe, por lo que puede ahorrar algo de su tiempo de vacaciones allí … 😉


Aquí viene mantenernos al día . Realmente hay varias maneras de hacer esto. ¡Confía en mí, realmente hay infinitas maneras! Solo voy a enumerar algunas de las formas más fáciles de hacerlo:

1. Boletines informativos : ¡a la antigua usanza!

Suscríbase a uno o varios de estos boletines para llenar su bandeja de entrada cada semana con acontecimientos recientes e interesantes.

Boletines – Intercambio de pila
Sitepoint – Boletín
Boletines de 37 señales

Estoy suscrito personalmente a los boletines mencionados anteriormente y son absolutamente geniales. ¡No te los pierdas, te lo digo de nuevo!

Busque otros boletines de los sitios que le interesan e inscríbase para obtener todas las actualizaciones que necesita directamente en su bandeja de entrada.

2. Podcasts : la forma más sencilla y poderosa.

Iba a decir RSS también, pero pensé que el texto RSS no era de mucha utilidad, cuando tienes esos podcasts increíbles que no puedes perderte.

Podría decirse que los podcasts son la mejor manera de conocer los acontecimientos recientes en tecnología, especialmente el desarrollo web, ya que puede escuchar a otras personas como nosotros (y mejor que nosotros) hablando sobre los acontecimientos recientes en el mundo web.

Escucha un par de episodios y suscríbete a ellos si te gustan. Son una buena manera de actualizarse mientras viaja en un autobús por la mañana.

Aquí hay algunos buenos podcasts que me vienen a la mente de inmediato:

Ruby on Rails y Ruby:

Ruby Rogues
Ruby5
Podcast de Ruby on Rails

Javascript :

El show de Javascript
Podcast de yayQuery: un podcast de jQuery
Hanselminutes
JavaScript Jabber

Otros:

Podcast de Sitepoint
Podcasts PHP

Perdóname si me perdí un buen podcast. Es un poco difícil encontrarlos todos y suscribirse a todos ellos.


Aquí hay algunos enlaces a otros buenos recursos donde puede encontrar interesantes podcasts relacionados con el desarrollo web y la programación en general.

Los 15 mejores podcasts que todos los desarrolladores web deben seguir
http://stackoverflow.com/questio…


Finalmente, también puede seguir blogs y feeds de Twitter de personas famosas en sitios de comunidad / noticias como sitepoint para mantenerse actualizado. Como dije, hay infinitas formas de hacer esto.

Personalmente, descubrí que mi feed de Twitter tiene demasiado contenido y no puedo leer todo eso, por lo que Twitter puede no ser la mejor idea. Los blogs también son una buena idea, pero no tan efectivos como los podcasts y boletines.


Mantenerse actualizado también se trata de probar cosas nuevas a medida que las conoce y de implementar en cosas en las que ya está trabajando.

Esto es aún más importante que saber lo que está sucediendo . No olvides las palabras de Feynman: lo que no puedo crear, no lo entiendo .


Tardó mucho tiempo en escribir esta respuesta, por lo que si encuentra útil la respuesta, no olvide votarla y comente si hay algunos cambios en la respuesta (por ejemplo, si algún enlace está roto). 🙂

Con eso concluyo mi respuesta aquí y espero que esta respuesta ayude a otras personas también.

ACTUALIZACIÓN: No puedo creer que olvidé mencionar esto … aunque es bastante obvio, una de las mejores formas de mantenerse actualizado no se menciona hasta ahora en las respuestas.

Está justo frente a ti … ¡usa Quora!

Suscríbase a todos los temas que le gusten y quiera mantenerse actualizado (incluso esas cosas nuevas y geniales que escucha en los podcasts). Cada vez que surge una nueva pregunta, puede ver los temas con los que ha sido etiquetada y conocer las nuevas cosas que se avecinan. Por ejemplo, así es como llegué a conocer Meteor.js y otras cosas increíbles como esa.

También tendrá la oportunidad de explicar algo que sabe a las personas cuando preguntan al respecto, que es una mejor manera de revisar cosas que ya sabe (y esto también viene con los créditos de Quora).

Finalmente, incluso puedes hacer preguntas sobre algo que te has preguntado últimamente, pero que no has tenido tiempo de investigar realmente y obtener respuestas en tu teléfono móvil. ¿Cuan genial es eso? ¡No puedo creer que olvidé mencionar esto!

Engañaré un poco y solo enumeraré los recursos HTML, CSS y JavaScript, pero en este momento todos tenemos muchas opciones en cuanto a recursos de desarrollo web. La emoción que rodea a HTML5 ha significado que haya mucha gente escribiendo excelentes tutoriales y demostraciones para tecnologías de vanguardia, en lugar de escribir publicaciones sobre cómo soportar IE6.


Documentación:

  • Red de desarrolladores de Mozilla: la documentación de Mozilla es bastante detallada y es bastante accesible y legible. Además, Firefox OS ha significado que Mozilla está presionando para obtener muchas nuevas características y API para la web, y la mejor documentación estará aquí.
  • WebPlatform.org: este sitio aún es poco claro en términos de contenido, pero Mozilla, Google y Microsoft parecen estar posicionando este sitio como un proyecto de documentación colaborativa. Cuando agreguen mucha más documentación, este será el sitio de documentos al que ir.

Blogs personales:

  • David Walsh: con un buen conocimiento de las nuevas tecnologías web que Mozilla está trayendo a la mesa, además de muchas publicaciones de calidad, vale la pena visitar el blog de David Walsh para obtener algunos buenos tutoriales.
  • Nicolas Gallagher: este es el tipo que creó normalize.css, y comparte algunas buenas publicaciones sobre trucos geniales con CSS.
  • webdesignerwall: este sitio se ha dejado un poco desatendido en los últimos 12-18 meses, pero sus archivos tienen una gran cantidad de excelentes tutoriales con respecto a las características recientes de CSS.
  • Lea Verou – Lea Verou vive “a la vanguardia (de los estándares web)”, y está bien informada sobre lo que está por venir en CSS. Además, PrefixFree es bastante impresionante.
  • QuirksBlog: este blog es bastante impresionante, y el autor se centra un poco más en los problemas que surgen entre las implementaciones del navegador de características que otros autores.
  • Tecnología web, rendimiento front-end e ideas tontas: este tipo, Ryan Seddon, publica muchas cosas buenas relacionadas con el rendimiento de JavaScript y similares.

Soporte de funciones

  • ¿Puedo usar …? ¿Puedo usar? Es imprescindible para comprobar la compatibilidad de las funciones. La información sobre los problemas del navegador es muy útil: ¿quién hubiera sabido que los Typed Arrays son más lentos que los normales en Safari 6?

Pruebas de soporte

  • La prueba CSS3: de Lea Verou (mencionada anteriormente), esto prueba su navegador actual para la implementación de la función CSS3.
  • La prueba HTML5: similar a la anterior pero para HTML5 (y algunas API de JavaScript).
  • Prueba de consultas de medios CSS3: prueba para admitir una amplia gama de consultas de medios en el navegador actual.
  • Prueba de selectores CSS3: este sitio parece haber estado inactivo durante un tiempo, pero vale la pena usar su prueba de selectores.

Otros blogs:

  • Una lista aparte: aquí es donde comenzó el diseño web receptivo. Ciertamente vale la pena un vistazo rápido.
  • Trucos de CSS: muchos fragmentos, no solo en CSS, además de que tienen muchas características agradables que pueden ser difíciles de entender.
  • Smashing Magazine: mucho contenido bueno y variado relacionado con el desarrollo web. Su página de Facebook también publica muchos enlaces buenos.
  • HTML5 Doctor: para usar HTML5, creo que este es el mejor recurso. Algunos de los elementos semánticos pueden ser confusos al principio.
  • HTML5Rocks: muchas de las nuevas características, específicamente las que vienen a Google Chrome, se cubren en profundidad aquí primero.
  • Webmonkey: este sitio fue administrado por Wired (por lo que puedo decir), pero ha desaparecido desde mediados de 2013. Sin embargo, tenían bastantes buenos artículos sobre algunas características CSS de vanguardia, como CSS Shapes y consultas de medios.

Rastreadores de implementación de funciones del navegador

  • status.modern.ie: aquí es donde los desarrolladores de Internet Explorer compartirán dónde se encuentran al implementar nuevas funciones web.
  • Panel de Chromium: los desarrolladores de Chromium (y Chrome) comparten el estado de las características que se están desarrollando aquí.

Rastreadores de implementación de características individuales

  • ¿Estamos ya compuestos? – Este sitio rastrea la implementación de componentes web en los navegadores (se trata de plantillas HTML, elementos personalizados y todo eso).
  • ¿Ya está listo WebRTC? – Realiza un seguimiento de la implementación de WebRTC y tecnologías relacionadas (ya sabes, ¡acceso a la cámara web sin complementos y conexiones punto a punto!)

Para la resolución de problemas, no hay absolutamente ningún sitio que sea tan bueno como Stack Overflow. Tiene una comunidad de usuarios increíble, aparentemente llena de genios que entienden el código mejor que tú.

Para aprender el código, consulte Codecademy o Treehouse (empresa). Ambos son excelentes para aprender todos los idiomas que mencionaste.

En mi opinión, la mejor manera es mantener una lista de temas con los que le gustaría experimentar, cada nuevo proyecto web que inicie, incorpore solo uno o dos de estos temas en el flujo de trabajo para que realmente pueda ver lo que significan.

Me gustaría agregar algunos enlaces a la increíble lista que estas increíbles personas adjuntaron a este hilo:
CSS3 por favor! El generador de reglas CSS3 de navegador cruzado
La plantilla front-end más popular de la web
Desarrollo del lado del cliente y del lado del servidor

Para obtener ayuda, como dijo Jamie Howard, está Stack Overflow. Para mantenerse actualizado con las últimas novedades en la web, Twitter (producto) es un medio eficaz, si sigue a las personas correctas, los temas.

OWASP

Open Web Application Security Project ( OWASP ) es una comunidad en línea dedicada a la seguridad de aplicaciones web.
Tiene muchas guías y estándares que deben seguirse para hacer aplicaciones web seguras

More Interesting

Estoy empezando a aprender desarrollo web, HTML, CSS, JS, etc. También acabo de comenzar freeCodeCamp. ¿En qué punto debo comenzar a asistir a reuniones locales?

Estoy aprendiendo desarrollo web full stack, ¿debería preocuparme por aprender AWS cuando empiezo a aprender el lado del backend?

Actualmente estoy escribiendo una propuesta para mi proyecto de último año. Mi proyecto se trata de desarrollar un sistema que ayude al probador mientras realiza el proceso de prueba. Uno de los elementos en la propuesta es la sección de alcance. ¿Qué es el alcance del proyecto? TQ

Sé HTML, CSS, JavaScript, jQuery y AngularJS. ¿Qué puedo aprender a continuación?

Estoy aprendiendo desarrollo web. ¿Qué otras buenas fuentes hay aparte de los libros de Jon Duckett?

He estado aprendiendo desarrollo web porque quiero hacer trabajo independiente. ¿Cómo sé cuándo estoy listo?

Estoy buscando un PHP (desarrollador). ¿Cómo puedo reclutar uno?

Tomé un curso sobre desarrollo web front-end y quería comenzar un negocio de diseño web. Todavía quiero pero tengo miedo, ¿cómo puedo superar esto?

Descargué un tema de WordPress ahora quiero que sea mi propio sitio web. ¿Como lo puedo hacer?

Me gustaría centrar verticalmente un elemento pequeño de altura fija en CSS lado a lado con un elemento de altura dinámica más grande de una manera que admita navegadores más antiguos. ¿Cómo hago esto?

Quiero desarrollar un motor de blog usando ASP.NET MVC. ¿Qué tipo de ideas y sugerencias le gustaría compartir para mí?

Mi presupuesto diario para publicidad es de $ 20. Nuestro objetivo son desarrolladores, frontend y desarrolladores web. ¿Cómo puedo usar este presupuesto de la manera más eficiente?

Quiero aprender JavaScript y construir cosas geniales con él, pero no me interesan los CSS, HTML, hacer 'tooltips geniales' o juegos. ¿Qué puedo hacer con eso?

Quiero crear una página web y una aplicación para ayudar a personas sin hogar y personas en riesgo social a conseguir un trabajo. ¿Cuáles son los pasos que debo seguir? ¿Cuánto costaría? ¿Debo probar el crowdfunding?

Quiero convertirme en desarrollador front y backend. No sé por dónde empezar, pero quiero hacerlo. ¿Cómo es posible esto?