Le recomendaría que aprenda conceptos básicos de HTML5 y CSS2 / 3. La mejor manera de aprender esto es creando algo: obtenga un bolígrafo y papel y cree un sitio web para su mascota o algo así, palabra clave “mínimo”. Luego, aprenda los conceptos básicos de JavaScript, en lugar de jQuery. Aquí aprenderá cómo manipular su sitio web básico. En el camino, profundice un poco más en el papel de las variables, funciones y objetos en javascript (por lo menos, ayudará al aprender Angular y otros marcos JS). Piense en jQuery como abreviatura de JavaScript, un ejemplo básico:
Con Javascript: document.getElementById (‘myId’)
Con jQuery: $ (‘# myId’)
Hay una buena razón por la que usaría jQuery, pero como todas las bibliotecas y frameworks de JS están construidas en JS, es lógico aprender JS. No es difícil aprender lo básico.
- ¿Dónde puedo comprar contenido (artículos) para mi sitio web?
- ¿Dónde es un buen punto de partida para aprender JavaScript?
- ¿Por qué no compila su aplicación en drupal?
- ¿Cómo implementaría git en un caso en el que solo hay un único entorno para pruebas, desarrollo y producción y los desarrolladores cambian el código en vivo a través de SFTP?
- ¿Qué hace que una API sea ReSTful? ¿Qué alternativas hay para REST?
Diseñando UIs
Muchos artículos recomiendan lo que ya se ha recomendado aquí:
- recopilar elementos de la interfaz de usuario (por capturas de pantalla). Analiza el infierno del trabajo de otras personas
- Encuentra un sitio web que te guste e intenta duplicarlo
Creo que es muy importante tener en cuenta que diferentes personas aprenden de manera diferente. Por mi parte, siempre encontré los dos puntos anteriores completamente aburridos.
En su lugar, le recomendaría que tome capturas de pantalla de sitios web completos , de hecho, haga un hábito diario pasar 20-30 minutos (todo el tiempo que desee) en la búsqueda de buenos diseños. Sitios como Pinterest hacen que encontrar y recolectar sea muy fácil. No te molestes en analizar, si te gusta, ¡sabes por qué te gusta!
Luego, después de unos intervalos de 20-30 minutos, las ideas comenzarán a girar frente a sus ojos. Obtenga un bolígrafo y papel y comience a garabatear su nuevo diseño. Por supuesto, después de que la idea esté en tu cabeza, no sigas mirando la captura de pantalla que provocó la idea.
De esta manera, con un poco de suerte, tendrá preguntas como “¿es posible hacer … con css”? Si acaba de copiar sitios web existentes, entonces evitará que piense así, personalmente creo que ese tipo de “lucha” aprendes más rápido
Si trabaja en una idea durante mucho tiempo y el resultado final no es tan bueno como lo imaginó. No te hagas pensar que el resultado es hermoso por el trabajo duro. No te conformes fácilmente, eso no significa ser duro contigo mismo, pero si algo no resultó ser genial, ponlo de lado y busca otra idea.
Marcos de Javascript
Después de que elimine los conceptos básicos anteriores (el diseño de la interfaz de usuario es un viaje continuo). Lea algunos artículos de comparación sobre los diferentes marcos (esto no lleva mucho tiempo), luego elija uno. Si es (por ejemplo) angular, mientras lo aprende intente construir algo. En lugar de pasar de un tutorial al siguiente y construir un mundo hola aquí y una lista de tareas allí, planifique su propio sitio web y luego elija lo que necesita de los tutoriales. Con cuatro tutoriales para principiantes, puede crear cuatro cosas que son inútiles, o puede crear un sitio web para su mascota (no será sorprendente, pero será mejor de lo que los tutoriales quieren que haga)
Creo que una vez que cree su primer sitio web front-end con html css y un poco de js, su interés lo guiará