Me resulta difícil construir un sitio web, aunque he aprendido a codificar en HTML / CSS y JavaScript. ¿Qué puedo hacer para comenzar a crear sitios web?

Suena trillado, pero solo hazlo .

Comience con algo simple: cree un documento HTML con un solo párrafo de texto. Cambia el título de la página. Use algunas etiquetas para crear enlaces, enfatice ciertas palabras, inserte saltos de línea.

Ahora escriba un poco de CSS: cambie el color de primer plano y de fondo de la página, cambie la fuente, cambie el tamaño del texto. Ensucia el diseño: limita el ancho de la página, dale márgenes a tu párrafo, dale un fondo diferente.

Ahora escriba un pequeño Javascript: haga una copia del párrafo y agréguelo al final del documento. Eliminar parte del texto. Cambia el título de la página.

Ahora cree un botón y vincule su Javascript, para que no se ejecute hasta que se haga clic en el botón. Ahora cambie la apariencia del botón. Haz que cambie de color cuando el usuario lo señale.

Sigue elaborando. Agrega más elementos. Agregue más estilo y funcionalidad. Agrega más páginas. Vincularlos juntos. Inserte algunas imágenes, audio o video.

Una vez que esté seguro de que puede hacer todo esto, comience a aprender sobre los frameworks que hacen las cosas tediosas por usted: consulte Bootstrap, JQuery, etc. Comience a aprender algunos códigos del lado del servidor. Use las herramientas de desarrollador en su navegador para explorar cómo se crean otros sitios que lo inspiran. Lea libros y blogs sobre desarrollo y diseño web, vea conferencias y conferencias, asista a algunas reuniones.

Construir una cartera de trabajo de ejemplo. Encuentre un lugar para alojarlo en línea. Escribe un currículum. Solicite empleos o busque trabajo por contrato a través de mercados independientes.

Básicamente, comience de manera simple, dé un paso a la vez, acepte que es un proceso de aprendizaje constante y que los ejemplos prácticos de sus habilidades valen más que las simples declaraciones de su conocimiento (no estoy insinuando que está haciendo eso aquí, solo que es importante entender cuán central es esto en tu carrera).

Encontré que lo mejor, para mí personalmente, era comenzar a experimentar y crear pequeños widgets como información sobre herramientas, tarjetas de contenido, diferentes estilos de encabezados y pies de página, navegación / menús. Lo hice primero, así que la gran tarea de crear un sitio web se dividió en fragmentos muy pequeños y manejables. ¡Incluso podría reutilizar muchos de los experimentos / widgets en el trabajo de la vida real!

Quiero decir esto aquí, ya que creo que es importante, puede que no se aplique a usted ni a otros, pero este consejo definitivamente me empujó a donde estoy hoy. No comience por aprender marcos , primero confíe realmente con los lenguajes de vainilla (es decir, CSS y JS, ¡ya que ambos tienen innumerables marcos!). ¡No querrá quedar atrapado eligiendo un marco, confiando en él y terminar solicitando un rol que ni siquiera lo implementa! Una vez que aprenda el lenguaje en sí mismo, puede adaptarse a cualquier marco. Solo después de esto, recomendaría buscar marcos populares. Continuando con mi respuesta …

Comenzaría enfocando sus esfuerzos en poder crear varios diseños diferentes, esto sería para que no se limite a un solo estilo. Simplemente comience creando diseños en blanco con cuadrículas y columnas de colores, por ejemplo. Siempre haga que sus diseños sean receptivos, póngase cómodo con las consultas de los medios. Intenta dejar que tu creatividad deambule libremente aquí. Si no te sientes creativo (¡no siempre!), Entonces, ¿qué tal si intentas copiar / imitar y expandir un diseño de sitios existentes como Quora o tu blog favorito, por ejemplo, sería un buen comienzo?

Después de pasar un par de semanas haciendo esto todos los días, creando diseños y componentes, expandiendo su arsenal de desarrollo web, ¡estará mucho mejor preparado para manejar las solicitudes de los clientes y comenzar a trabajar independientemente!

Como nota al margen, si aún no lo ha hecho, intente FreeCodeCamp. ¡Creo que honestamente es una de las mejores maneras de ensuciarse las manos y simplemente hacerlo ! También tienen algunos proyectos y tareas geniales para completar si te sientes perdido en qué hacer.

Comencé exactamente de la misma manera, no tenía idea de qué hacer. Pero el punto no es realmente pensar, sino simplemente hacer. Busque inspiración en el trabajo de otros y cree, experimente y desarrolle.