1. ¡Practica, practica, practica! ¡Y sigue tu progreso!
¿Alguna vez has oído hablar de “usarlo o lo perderás”? Una vez que aprenda los fundamentos, es importante seguir practicando. Visite sitios web como 365psd e intente volver a crear uno de sus diseños de muestra en HTML y CSS. Esto no solo flexionará sus músculos de codificación, sino que lo ayudará a aprender a traducir un diseño de una PSD a código, lo cual es una habilidad CLAVE para tener como desarrollador frontend. Mientras practica, mejorará sus habilidades existentes y aprenderá nuevas formas de hacer las cosas. Su flujo de trabajo se racionalizará con el tiempo y su ritmo se acelerará. Piense en ello como hacer ejercicio. Al principio puede parecer inútil, pero no puede ignorar los resultados con el tiempo. Nota: ¿Eres un estudiante de nuestra clase Skillcrush 101? ¡Luego le proporcionamos una descarga en su plan de estudios para que pueda practicar de inmediato! ¡Mira los ejemplos basados en imágenes y texto que hemos incluido y practica codificarlos de arriba a abajo para mantener tus habilidades nítidas!
2. Cree planes de estudio para lo siguiente: HTML5 , CSS3 , diseño web receptivo , Sass y JavaScript
Workflowy es una excelente aplicación gratuita que puedes usar para crear planes de estudio. Esboce un tema, divídalo en partes y luego programe a tiempo (por ejemplo, 30 minutos a una hora por día / semana, lo que sea mejor para su horario) para realizar tutoriales y practicar. HTML5, CSS3, Sass, diseño web receptivo y JavaScript son los siguientes 4 elementos en los que debe concentrarse para convertirse en una potencia de desarrollo front-end. (PD. Nuestros planos de diseño y desarrollo web enseñan estas habilidades de una manera muy interactiva, con la atención personalizada de sus instructores. ¡Únase a nosotros! Obtenga más información aquí).
3. Arme su lista de recursos para ir
No hay un libro o clase HTML / CSS que cubra todo. Configure un lector de feed como feedly o use otras herramientas curatoriales para mantenerse actualizado sobre las últimas noticias y consejos sobre el desarrollo web front-end. Agregue sitios como Skillcrush.com, Smashing Magazine, trucos CSS y más a su lector y manténgase actualizado regularmente. ¿Busca excelentes recomendaciones de libros para su biblioteca? Recomendamos HTML y CSS y Javascript y JQuery de Jon Duckett y todos los libros de la serie A Book Apart. ¿Buscas excelentes podcasts? Shop Talk y The Big Web Show son dos buenos acerca de la industria web.
4. Agregue UX y diseño a su educación.
Steve Jobs dijo: “El diseño no es solo lo que parece y se siente. El diseño es cómo funciona ”. Repítelo 100 veces hasta que se hunda (¡Hey, no es una pena, tuve que hacerlo yo mismo!). Sea o no diseñador, es importante comprender los principios del buen diseño y UX. Una sólida comprensión del diseño y la experiencia de usuario puede llevarlo de construir y ejecutar la visión de otra persona a jugar un papel importante en la creación de productos usted mismo. ¿Por qué no querrías estar en el asiento del conductor? No solo eso, sino que sus nuevas habilidades inevitablemente lo harán asociarse o al menos cruzarse con un diseñador durante numerosos proyectos en su carrera. Por lo tanto, incluso si no eres el que está en el gancho para el diseño y los resultados de UX, hablar la jerga y comprender estas disciplinas te hará un mejor jugador de equipo y estratega. Las habilidades de UX y diseño son tan ampliamente aplicables como lo es el aprendizaje de desarrollo front-end.
Nuestros fundamentos del diseño web PDF es un excelente lugar para comenzar, al igual que Bootstrapping Design y Hack Design. Todos estos recursos hacen un gran trabajo de principiantes a través de conceptos básicos de diseño, ayudándole a configurar un flujo de trabajo del proyecto y familiarizarse con la jerga de la industria. Y, para no ser un récord, ¡nuestro Blue Developer Webprint cubre todo lo relacionado con el diseño web y la experiencia de usuario y le enseña cómo crear estrategias, crear prototipos y producir productos comunes de la industria y del cliente con la ayuda de nuestros instructores experimentados e invitados de clase magistral de la industria! Aprende más aquí.
5. ¡Aléjese de su computadora! Hay todo un mundo de inspiración por ahí.
Lo más probable es que su comunidad tenga varios grupos o reuniones dedicadas al diseño y desarrollo. Busque Meetup.com para grupos tecnológicos o vea si su comunidad tiene un capítulo de Girldevelopit. Si eres un geek de Ruby, echa un vistazo a Rails Girls. Las universidades con programas de diseño y desarrollo también son excelentes lugares para buscar: a menudo traen oradores o realizan talleres y muchos de estos están abiertos al público. No solo aprenderá algo, sino que creará una comunidad de aprendizaje de personas con las que podrá seguir desarrollando sus habilidades. Y quién sabe … algún día en el futuro, podrían encontrarse trabajando juntos en un gran proyecto nuevo o incluso … comenzar su propia empresa.
He aprendido HTML y CSS. ¿Qué debería hacer ahora?
Related Content
Cómo encontrar un mentor de inicio para construir una relación profunda con
¿Habrá trabajos en ruby on rails en el futuro?
¿Debo convertirme en paramédico o controlador de tránsito aéreo?
¿Qué debería hacer ahora? Me gradué a mediados de 2015 de IIT pero hasta ahora desempleado.
¡Felicidades por llegar tan lejos con HTML, CSS y Bootstrap! Todas esas herramientas son muy importantes y útiles para cualquier tipo de desarrollo, como estoy seguro de que te has dado cuenta. Avanzar todo depende de lo que quieras hacer. Si desea continuar concentrándose en el material front-end (el formato y el diseño de un sitio web), Javascript puede ser el siguiente paso para usted. Javascript se utiliza tanto para el back end como para el front end, y es una herramienta realmente importante en general. Al aprender JS, podrá hacer que sus interfaces sean más dinámicas y fáciles de usar, al tiempo que obtendrá una mejor comprensión de cómo funcionan las funciones y los métodos en la programación. Codeacademy tiene un gran conjunto de lecciones para comenzar con Javascript, que definitivamente debe consultar.
Si desea sumergirse más en el desarrollo completo de la pila (front end y back end), puede valer la pena elegir un lenguaje como Ruby (junto con su framework, Ruby on Rails) o Python (y su framework Django). Ambos lenguajes son geniales para comenzar, ya que son muy amigables para los “programadores”. La documentación es fantástica, y hay una comunidad fuerte que rodea ambos idiomas. Tomarse el tiempo para aprender a trabajar con la pila completa de un programa lo convertirá en un activo mucho más fuerte para cualquiera que decida contratarlo, independientemente o de otra manera. Podrá crear un sitio web o una aplicación de arriba a abajo, y su trabajo en el front end será mucho más efectivo.
Flatiron School ofrece un curso gratuito para que comiences con el desarrollo web. Esta es una gran herramienta para aprender el flujo de trabajo de un programador, y le proporciona recursos para practicar sus habilidades de front-end y back-end. No importa lo que recojas a continuación, ¡quédate con él! Acaba de comenzar su viaje de codificación y hay tantas tecnologías interesantes para aprender y continuar.
Si desea comenzar a trabajar independientemente rápidamente, esto es lo que le recomendaría.
Primero, conviértete en lo más experto posible con WordPress. En realidad, puedes hacer mucho solo conociendo HTML y CSS y usando WordPress como plataforma. Sé de personas que hacen una buena parte de su vida de esa manera.
Aprende a crear temas de WordPress desde cero. Puede incorporar Bootstrap como componente fundamental. Al aprender a crear temas, comenzará a exponerse cada vez más a los conceptos de JavaScript y PHP. (Para aquellos que se burlan de PHP, hay una broma: P. ¿Cómo llamas a un desarrollador web que todavía programa en PHP? A. Empleado).
Luego, comienza a desarrollar tus propios complementos. Eso lo ayudará a familiarizarse realmente con PHP y comenzará a familiarizarse con MySQL. Una vez que conozca HTML, CSS, JavaScript, PHP y MySQL, tendrá una capacidad completa de “pila completa”.
En su tiempo libre, profundizaría en JavaScript y comenzaría a familiarizarme con la pila MEAN. Eso es MongoDB (base de datos), Express (un marco) AngularJS (un marco) y Node.js (JavaScript del lado del servidor). Supongo que esa es la ola del futuro.
Ahí vas. WordPress como su acceso rápido a conciertos independientes, y la pila MEAN para lanzarse en el futuro. En su camino, podría considerar comprar Ruby / Rails y Python, pero no permita que lo distraigan de aprender un conjunto de dinero haciendo habilidades de desarrollo web de manera sólida y completa.
¡Buena suerte!
- Twitter Bootstrap
- WordPress
- JavaScript
- jQuery
- Git
- Rubí
- Ruby on Rails
- MySQL
- AJAX
Para el desarrollo web, intente aprender Javascript o jQuery, seguido de Java o Python. Para el desarrollo de aplicaciones móviles, vaya a aprender Phone Gap.
Hay muchas más tecnologías interesantes, puedes aprender todo lo que quieras.
Feliz aprendizaje y disfruta tu día.
Aprende otros idiomas web como:
- Python (y django
- JavaScript (también node.js)
- Rubí (y sobre rieles)
El nuevo mercado web, las aplicaciones, así que aprende algunos idiomas para crear aplicaciones
- Java (android)
- Swift (manzana)
- Html5 y otras herramientas (Windows phone)
Otros temas relacionados y herramientas útiles.
- Patrones de diseño
- Uml
- Bases de datos (mySQL, postgres, etc.)
- Xml
- Haga un buen contrato con el cliente (esto lo ayudará a evitar muchos problemas como profesional independiente)
Una progresión natural sería aprender javascript o usar una biblioteca más pequeña como jQuery. También puede intentar aprender Angular JS, Knockout JS, Ember JS.
La última tendencia es HAML, Jade, Stylus, React JS.
Para el aprendizaje interactivo, pruebe Learn by Doing – Code School y Learn to code
Hay mucho más que aprender … nunca se detiene y esa es la parte divertida.
Aprenda Javascript y luego cualquier marco de JavaScript como angular.
Entonces puedes ir a nodejs, que es muy popular en la comunidad de desarrolladores.
Aprender ruby será más fácil de comenzar, pero como no puede desarrollar sitios web con solo ruby, debe aprender Ruby on Rails después de eso.
Python es una buena opción también.
Así que elige lo que quieras y construye algo increíble 🙂
Definitivamente JavaScript! JavaScript es bastante esencial: puedes hacer montones de cosas geniales.
Además, puede intentar aprender a diseñar un procesador CSS, como Sass. Básicamente, Sass le permite escribir CSS, pero también le permite usar variables mientras escribe y muchas otras cosas; luego, una vez que haya terminado, se convierte nuevamente en CSS utilizable normal para su sitio web. Puedes usar SassMeister | El patio de juegos Sass! para comprobarlo
En primer lugar, felicitaciones por llegar tan lejos y querer financiar su educación, es un objetivo noble e indica una gran personalidad. ¿Por qué no me dejas tu información? Si alguna vez tuve un trabajo adicional de HTML / CSS, te lo enviaré para que me ayudes.
Ahora para responder a tu pregunta. Te estás perdiendo la parte más importante del trío frontend que es Javascript. Entonces quizás quieras aprender eso. Saber cómo codificar una plantilla de WordPress también puede ser muy beneficioso.
El mejor consejo que puedo darte es dominar tu stack y darte a conocer, tal vez publicar algunos artículos al respecto y obtener algún reconocimiento en el campo. ¡Eso ayudará mucho en tu carrera!
Bueno, puedo decirte que HTML y CSS no son mucho. Tristemente. Si desea hacer una especie de continuación de lo que tiene ahora, le recomiendo PHP y HTML5. (PHP está en camino)
Pregunte a HN: ¿Qué debo aprender después de html / css?
También hay django, pero eso requiere que aprendas Python. Y eso lleva meses como mínimo. Lo mismo puede decirse de rubí sobre rieles y rubí.
Pero una vez que regatee con su paciencia y aprenda un lenguaje como GO o C ++, podrá comenzar a hacer cosas con API como twitter o lo que sea.
- Aprenda Javascript, va de la mano con HTML y CSS.
- Construye algo, crea un proyecto, algo divertido e interesante. Cuando tengas desafíos que resolver, es posible que tengas que descubrir y aprender algo nuevo, ¡y podrás usar el conocimiento de inmediato!
Si conoce HTML y CSS, entonces el paso lógico es obtener algunos conocimientos de Javascript en su haber, específicamente aprendería jQuery. Creo que después de eso deberías echar un vistazo a algunos MV * Frameworks como AngularJS o ReactJS. Por el momento, estos tienen una gran demanda y tener una buena comprensión de ellos lo ayudará a conseguir un gran trabajo. Hay algunos tutoriales geniales sobre Tuts + y disfruté este en Udemy (Learn and Understand AngularJS – Udemy). Cubre todos los conceptos básicos y lo ayudará a continuar.
More Interesting
¿Qué modelos de Harley-Davidson son mejores para alguien de baja estatura?
¿Qué cosas debo tener en cuenta antes de ir a una entrevista de trabajo?
¿Cómo se involucra uno de los programas espaciales comerciales?
¿Cuál es la diferencia entre una licenciatura y una maestría de posgrado?
Cómo convertirse en desarrollador web con Adobe Muse
¿Qué se necesita para que un gerente de programa técnico senior de Amazon tenga éxito?
Cómo comenzar mi carrera en mecatrónica
¿Ir a la universidad o alistarse en el ejército es una apuesta más segura para tener éxito?
Perdí mi trabajo. Rechazado por 5 empleadores. Estoy muy frustrado ¿Qué tengo que hacer?