Consejos y trucos webDiseño webLibros de textoMisceláneasSitios web

Recursos alternativos de desarrollo web para principiantes de autoaprendizaje

On Feb 5, 2024

Si usted es alguien que no puede permitirse el lujo de jugar con una gran cantidad de dinero pero, sin embargo, está dispuesto a dedicar tiempo y cierta inversión para aprender desarrollo web, tendrá que adoptar un enfoque menos convencional.

Lo primero es lo primero: deberá ser curioso, interesado y un aprendiz de por vida.

Si bien no es definitivo ni, de ninguna manera, exhaustivo, la siguiente es una lista de recursos para ayudarlo en su viaje de desarrollo web desde el nivel de principiante absoluto hasta el nivel de logro de múltiples proyectos.

Familiarícese con los elementos esenciales de HTML y CSS

Las páginas web se componen en gran parte de códigos HTML y CSS. Estos dos son los básicos. Por supuesto, existen otros lenguajes para hacer las cosas más interactivas, estilizadas, animadas, adaptables y/o receptivas, como jQuery, Python, Ruby on Rails y JavaScript. Pero para empezar, concéntrate en HTML y CSS. Estas son las cosas que necesita para comenzar a crear una página web desde cero.

Haga un repaso de ambos con la ayuda de los sitios de tutoriales. La mayoría son gratuitos, algunos son pagados pero aún más baratos que un título de un año, especialmente si agregas la cafetería, los fines de semana de cerveza y las tarifas de alojamiento.

Содержание показать

SitePoint

SitePoint tiene una guía para principiantes absolutos de HTML y CSS, por lo que este es un buen lugar para comenzar a familiarizarse con los conceptos básicos. Aprenderá no solo el código, sino también las herramientas para crear un sitio web, desde editores de texto hasta navegadores y editores de gráficos.

Canal 9

Esta es una página de lecciones de 21 episodios que enseña los fundamentos de las páginas web y la codificación. Dirigido a principiantes absolutos, prepárate para pasar de 6 a 48 minutos por episodio. Si desea saltar a los episodios en los que cree que necesita concentrarse más, las lecciones son completamente gratuitas y se pueden ver en cualquier orden, en cualquier momento.

recurso w3

w3resource es un recurso integral aprobado por la comunidad de desarrolladores para todo lo relacionado con el desarrollo web. Ofrece una amplia base de lecciones de desarrollo web, no solo HTML y CSS. Sus materiales de aprendizaje están agrupados por función. La primera categoría contiene el conjunto de lenguajes necesarios para el desarrollo front-end, y aquí es donde encontrará HTML y CSS. Las otras categorías incluyen tutoriales de lenguaje para desarrollo de back-end, administración de bases de datos, intercambio de datos y API.

Perro HTML

Establecido en 2003, HTML Dog es un sitio con tutoriales de HTML, CSS y JavaScript. Su objetivo es publicar materiales de aprendizaje fáciles de digerir para alentar a los principiantes y a aquellos que se sienten intimidados por la codificación. Las lecciones se subdividen en varios capítulos y niveles, desde principiante hasta avanzado, y se estructuran aún más por contenido que muestra lo que aprenderá por lección.

shay howe

Este sitio de tutorial lo guía a través de 12 lecciones sobre HTML básico y CSS de forma gratuita. En lugar de pagar por un curso para principiantes desde el principio, puede probar estos primero. Cuando haya terminado, determine si todavía necesita los pagos. Si aún lo hace, al menos, una introducción de un sitio de tutorial gratuito lo facilitará en sus lecciones pagas mucho más rápido que sin ningún conocimiento en absoluto.

Una vez que haya terminado con el tutorial «construir su primera página web», puede continuar con el tutorial avanzado para un desarrollo de diseño front-end más profundo.

Red de desarrolladores de Mozilla

Este sitio contiene una lista completa de enlaces a una variedad de tutoriales y materiales de capacitación seleccionados por empresas y desarrolladores. Hay muchas lecciones para elegir, no solo HTML y CSS. Dado que son elegidos por los desarrolladores, puede estar seguro de que el contenido al que conducen los enlaces es creíble, con lecciones orientadas a diferentes niveles, desde principiante hasta avanzado.

Memrise

En el aprendizaje, la repetición es clave, y Memrise ayuda a que la memorización de estilo repetitivo sea divertida a través de los juegos. Esto se puede hacer mientras viaja, mientras espera en la fila para pedir comida para llevar, en cualquier lugar con acceso a Internet, en realidad.

Aquí hay enlaces a algunas lecciones útiles sobre códigos HTML, HTML5, CSS y CSS3 importantes:

Si se siente particularmente diligente, puede crear lecciones adaptadas a sus propias necesidades y agregar sus propios miembros. Si bien es preferible y muy útil, no se espera que recuerde todos los códigos todo el tiempo. Sin embargo, si desea ser profesional, conocer sus códigos de memoria puede ahorrarle tiempo al construir sitios con plazos muy estrictos.

W3C

W3C, abreviatura de World Wide Web Consortium, consiste en una comunidad internacional de autoridades que se asocian con empresas, otras comunidades miembros, personal interno y el público para organizar, mantener y desarrollar estándares web. Revisar el sitio para conocer las últimas noticias y actualizaciones sobre los estándares web puede ayudarlo a perfeccionar y adaptar sus habilidades en consecuencia.

W3Escuelas

Ampliamente considerado por los desarrolladores profesionales como un sitio web para «novatos», W3Schools ofrece una experiencia de aprendizaje y un entorno decentes para aquellos que recién comienzan a aprender a codificar. Tienen una lista estructurada de lecciones que cualquier novato puede seguir cómodamente, completa con ejemplos y un simulador para practicar. W3Schools también proporciona certificaciones, pero tendrá que pagarlas.

webplatform.org

WebPlatform.org es una colaboración del W3C con Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera y Nokia. La función principal de WebPlatform.org es servir como anfitrión de toda la documentación sobre desarrollo web. Cualquiera es bienvenido a unirse y participar en las conversaciones. Se recomienda encarecidamente la contribución y la colaboración, que son posibles a través de una plataforma MediaWiki.

InstantShift

Si eres un visitante habitual, sabemos que ya lo sabes. Pero en aras de la coherencia, InstantShift, como muestra su fragmento Acerca de, es una comunidad para desarrolladores y diseñadores web. Un blog de varios autores, ofrece una amplia gama de recursos, artículos y procedimientos, incluso temas gratuitos, a los que los diseñadores y desarrolladores de diferentes experiencias y niveles de experiencia pueden hacer referencia para impulsar sus conocimientos o inspirarse. Las categorías de artículos incluyen diseño web, WordPress, CSS, tutoriales, herramientas, obsequios, fotografía e íconos, entre otros.

Participar en clases/cursos en línea

Harvard CS50

Una clase de edX impartida por David J. Malan, profesor de la Universidad de Harvard, tomar este curso de introducción a la informática es una inversión que vale su peso en oro, es una maravilla que no cobren por ello. Esta es principalmente la razón por la que muchos estudiantes de por vida en todo el mundo están agradecidos por las posibilidades que los MOOC (cursos masivos abiertos en línea) presentan para aquellos que no pueden permitirse el lujo de ingresar a universidades prestigiosas como Harvard. Los idiomas que se le enseñarán incluirán C, PHP, JavaScript, SQL y, por supuesto, CSS y HTML. Si desea utilizar esta clase para obtener crédito, deberá pagar la certificación.

Tuts+

Tuts+ contiene una gran cantidad de tutoriales y cursos para elegir, que van desde codificación hasta ilustración, diseño y desarrollo de aplicaciones móviles. Tuts+ tiene cursos y tutoriales gratuitos, pero el acceso premium necesita un pago de al menos $ 15 por mes a $ 360 por año. Ofrecen una prueba gratuita de 14 días.

Casa del árbol

Treehouse es un servicio de pago destinado a enseñar desarrollo web, diseño y desarrollo de aplicaciones móviles. El acceso básico tiene un precio de $24 al mes y el profesional cuesta $49. El sitio también está equipado con foros, espacios de trabajo, área de concursos y desafíos, áreas de conferencias y lecciones adicionales, talleres en vivo, una biblioteca y una comunidad a la que puede comunicarse e interactuar.

Práctica

La práctica hace mejor, si no perfecto. Al practicar, permite que su cerebro realice una acción activa y creativa que estimulará un mejor aprendizaje y retención, en lugar de simplemente leer y ver tutoriales. Complementa tus estudios practicando con MOOCs como:

codecademia

Registrarse es gratis con Codecademy, y las lecciones son fáciles para principiantes. Puede ver cómo sus códigos HTML y CSS se traducen en una página web a medida que se muestran en vivo junto a su editor de texto, cambiando a medida que avanza. También hay un foro donde puede compartir sus preguntas y respuestas con la comunidad.

código vengadores

Con Code Avengers, registrarse también es gratis. Le permite crear un sitio web a través de HTML y CSS, completo con instrucciones a través de texto y video. Después de hacer clic en el botón de verificación en la parte superior del editor de texto, puede ver cómo se ve su código a través de una ventana con forma de teléfono celular a la derecha. Si se registra para obtener una cuenta, obtiene la capacidad de guardar su progreso y obtener puntajes contra otros participantes a través de una tabla de clasificación.

Inspírate

Para hacer fluir su creatividad y encontrar modelos a seguir para emular, busque en la web algunos ejemplos del mundo real. Vea el tipo de buen material que ya está disponible y lo que todos los demás dicen al respecto desde el punto de vista del desarrollador, la audiencia, la interfaz de usuario, el diseño y la programación.

Por ejemplo, puede consultar desarrolladores, agencias y sitios web reconocidos mundialmente a través de Awwwards, un sitio dedicado a reconocer y promover lo mejor en diseño y desarrollo web en todo el mundo.

crear una cartera

Para hacerte más visible ante los clientes, un portafolio es esencial. Hay muchos sitios de alojamiento de carteras, pero aquí hay dos ejemplos:

PortfolioBox

Con alojamiento de dominio, integración de redes sociales, optimización de motores de búsqueda, panel de estadísticas incorporado y funcionalidad de envío de boletines, vale la pena analizar PortfolioBox. También tiene soporte incorporado para teléfonos inteligentes y tabletas, por lo que su sitio web se ve igual de bien cuando se ve desde cualquier dispositivo. PortfolioBox ofrece una cuenta gratuita, que puede alojar hasta 40 imágenes y, al registrarse, le permitirá usar las funciones Pro durante 30 días. Pro cuesta $ 6.90 mensuales y se paga anualmente.

regatear

Dribbble, un sitio de desarrolladores que sirve como una plataforma de mostrar y contar para otros desarrolladores, le permite compartir capturas de pantalla de sus procesos, trabajos y proyectos. Tiene una función similar a las redes sociales que le muestra cuántas vistas, me gusta y comentarios obtiene.

Cobrar por trabajar

Es productivo continuar capacitándose y practicando, pero nada supera el tipo de capacitación que paga, que es esencialmente lo que hace recibir trabajo remunerado por sus habilidades. Está aplicando y perfeccionando su oficio y, al final del día, alguien se beneficia de su valor y paga por ello. Los sitios de trabajo independiente como ProgrammerMeetDesigner, GetACoder y AuthenticJobs son solo algunos de los lugares que contratan programadores y diseñadores. Este artículo algo desactualizado de Hongkiat.com enumera 50 sitios de trabajo independientes para diseñadores y programadores, la mayoría de los cuales aún se mantienen fuertes.

Sea parte de una comunidad

Ser parte de una comunidad es excelente para mantenerlo animado y encontrar respuestas a algunos problemas particularmente difíciles que encontrará a lo largo de su viaje de desarrollo web. Aquí hay una lista de foros en los que puede participar para obtener más conocimientos actuales, amigos, mentores e incluso referencias laborales.

Gestiona tus proyectos

En el momento en que consigue clientes, la gestión de proyectos se convierte en una habilidad esencial. Simple y fácil de usar, TeuxDeux puede organizar su lista de tareas diarias. El desarrollo web no suele ser un proyecto de un solo día. Para algunos proyectos, deberá programar tareas dentro de un marco de tiempo y aproximar cuánto tiempo necesita completar cada una. Para proyectos futuros más completos que las listas de tareas simples o el software de colaboración no pueden abordar, existen herramientas de colaboración y administración de proyectos completas intuitivas y adaptables, como Comindware Project, que vale la pena considerar.

Un repositorio en línea para su trabajo es otra herramienta útil, por lo que tendrá una copia de seguridad en caso de problemas con su unidad local. GitHub puede alojar su código y, si decide que el código esté disponible públicamente, puede solicitar comentarios, sugerencias o ediciones de otros desarrolladores para mejorar aún más su trabajo.

¿Algún otro recurso que no hayamos mencionado?

Fuente de grabación: instantshift.com