Cómo aprender el desarrollo web front-end.

Answer 1

Suponiendo que no tenga ningún conocimiento previo, le sugiero que comience con los conceptos básicos de HTML y CSS.

Esos son los elementos esenciales para el diseño de un sitio web.

Lee un libro o intenta estudiar en el sitio web de W3C, elige el que te resulte más cómodo.

Debe crear algunas (aproximadamente 5) páginas web estáticas utilizando HTML y CSS, es posible que desee crear una página de inicio / acerca de nosotros / página de contacto. Puedes construir esas páginas mientras estás estudiando.

Cuando termines esta etapa y sientas que tienes un buen conocimiento de HTML y CSS, puedes comenzar a aprender Javascript, de nuevo, puedes estudiar desde un libro o el sitio web de W3C.

Con Javascript, sabrá cómo agregar funcionalidad a sus páginas estáticas que acaba de construir con HTML y CSS.

Cuando tienes un buen conocimiento de HTML + CSS + Javascript, estás a la mitad del camino para ser un FED (desarrollador de front-end).

Esos son todos los conceptos básicos, pero aún debe saber trabajar con marcos (cada marco FED usará estos 3 idiomas, al principio necesita estudiar solo esos idiomas).

Así que aquí hay algunos marcos FED muy comunes, y le sugiero que estudie los 3 principales:

1. Twitter Bootstrap: es un marco para crear sitios web móviles sensibles.
2. jQuery: este no se denomina marco, sino biblioteca (no debería importarte en esa etapa), debes conocer jQuery.
3. Al menos uno de los frameworks SPA: AngularJS / Ember / ReactJS / Aurelia. SPA es la tendencia ahora, SPA significa Solicitud de página única, es muy importante conocer al menos uno de los marcos (Elegiré Angular para usted).

Una vez que haya maximizado sus habilidades y se sienta cómodo, comience a adquirir experiencia. ¿Cómo? Le sugiero que se registre en el sitio web de Freelancers y comience a aceptar algunos trabajos, con el tiempo mejorará y estará en camino de obtener su primer trabajo como FED.

He hecho esto, obtuve mi experiencia como freelance y realmente mejoré después de cada trabajo completado.

Answer 2

“Desafíate a ti mismo a aprender algo nuevo cada día . “

inicio en 2 fases:

A. nivel basico

1. HTMl
2. CSS
3. Java Script o jQuery básico
4. Conocimiento básico de herramientas de diseño: Photoshop.

Después de aprender arriba, el capítulo comienza el nivel avanzado

B. Nivel Avanzado

1. HTML 5
2. SCSS, MENOS
3. Marcos front-end

• Oreja.
• Interfaz semántica
• Fundación

4. Angular js, reaccionar js …

Answer 3

Si bien el aprendizaje de las mejoras tanto front-end como back-end presentarán sus propias dificultades particulares, también tengo la tendencia de coincidir con usted en que el avance front-end puede ser menos exigente para los pies de peluche. Digo esto simplemente porque, para los aprendices, es esencial ver los comentarios edificantes sobre el trabajo que han realizado y que funciona. Además, con el avance en el programa, es realmente sencillo para la empresa de desarrollo de aplicaciones .

Desarrollador Front-End

La parte frontal de un sitio web es la parte con la que los usuarios interactúan. Todo lo que ve cuando navega por Internet, desde fuentes y colores hasta menús desplegables y controles deslizantes, es una combinación de HTML, CSS y JavaScript que controla el navegador de su computadora.

Desarrollador Back-End

Entonces, ¿qué hace posible la parte frontal de un sitio web? ¿Dónde se almacenan todos esos datos? Aquí es donde entra el back-end. El back-end de un sitio web consiste en un servidor, una aplicación y una base de datos. Un desarrollador de back-end construye y mantiene la tecnología que impulsa aquellos componentes que, en conjunto, permiten que el lado del sitio web orientado hacia el usuario incluso exista en primer lugar.

HABILIDADES Y HERRAMIENTAS

Para hacer que el servidor, la aplicación y la base de datos se comuniquen entre sí, los desarrolladores de servicios de fondo utilizan lenguajes del lado del servidor como PHP, Ruby, Python, Java y .Net para crear una aplicación y herramientas como MySQL, Oracle y SQL Server para buscar, guardar o cambiar datos y devolverlos al usuario en el código de usuario. Las ofertas de trabajo para desarrolladores de servicios de fondo a menudo también requieren experiencia con marcos PHP como Zend, Symfony y CakePHP; experiencia con software de control de versiones como SVN, CVS o Git; y experiencia con Linux como sistema de desarrollo e implementación.

Si necesita más asistencia, vaya a: Compañía de desarrollo de aplicaciones web Mobile App Development New York, Compañía de desarrollo de software, Compañía de desarrollo de software personalizado, Compañía de diseño web, Compañía de desarrollo de sitio web

Answer 4

Lynda: cursos en línea, clases, capacitación, tutoriales tiene algunos cursos excelentes para principiantes y avanzados. También tienen clases de css para principiantes, lo que parece que podría ser útil. W3C es el lugar principal para los estándares web y la codificación correcta. También tienen tutoriales y clases, pero son un poco más técnicos, por lo que son más difíciles de seguir cuando eres nuevo.

Soy un firme creyente en aprender las habilidades básicas sin ningún tipo de ayuda. Haga un archivo html con un grupo de divs clasificados y un archivo css. Comience con el aprendizaje de cómo configurarlos correctamente y luego comience a usar el archivo css para cambiar la apariencia de sus divs. Establecer colores de fondo te ayudará a ver exactamente lo que está sucediendo. Olvídate de bootstrap o cualquier otra cosa hasta que tengas un buen conocimiento de cómo funciona css.

La herramienta más importante para un desarrollador web es el inspector web de su navegador. No puedo enfatizar esto lo suficiente. Es la mejor manera de ver exactamente qué está sucediendo y cómo funcionan las herencias de estilo. También puede cambiar las cosas allí para ver inmediatamente cómo cambia la pantalla.

Esto es solo mi opinión, pero se basa en cómo superé la confusión para entender realmente bien css.

Answer 5

El desarrollo frontend es una carrera genial y puede ser igual de difícil de aprender. La parte más importante es tener un plan. Diseño, todo lo que quieras hacer y por qué. Desde allí puedes dividir ese plan en partes más pequeñas. Google es tu amigo.

La segunda cosa más importante que hay que hacer es encontrar recursos de calidad. Hay muchos libros geniales y tutoriales en línea que te ayudarán a mejorar tu habilidad.

Por último, trabaja en la promoción de tus habilidades a través de proyectos personales y marca personal. Los proyectos les brindan a los reclutadores y empresas algo con que medir su nivel de habilidad.

Esta fue una explicación muy breve de cómo puede convertirse en un desarrollador web frontend. Para obtener todos los detalles, vea mi video a continuación sobre cómo convertirse en un gran desarrollador web frontend.

Answer 6

Sé de dónde viene, tal vez buscando atajos 🙂 Yo era así cuando aprendí Desarrollo Web por primera vez. Déjame decirte algo:

No hay ningún atajo.

Dicho esto, mirando hacia atrás, esto es lo que haría si pudiera comenzar de nuevo:

1) Aprender HTML

Obviamente, necesitas aprender HTML primero. Es el lenguaje en el que cada página web está construida. Hay más que suficientes cursos de video en YouTube para hacerlo, solo mira a tu alrededor y encontrarás el que te guste 🙂

2) Aprender CSS

Nuevamente, a menos que quieras una página web con un aspecto sucio y feo, es mejor que aprendas CSS Hay muchos cursos en youtube también.

Ahora, empezaría a construir un par de sitios web. Es posible que tengas algunas habilidades de diseño que te ayuden a dibujarlas y construirlas después. Si no lo haces, haz tu mejor esfuerzo de todos modos. Lo importante es que puedes construir lo que querías en primer lugar.

3) Aprende JavaScript

Debe conocer el lenguaje de programación de front-end que todos los navegadores entienden. Ahora es donde descubres cómo integrar la programación con el marcado HTML, para agregar más iteractividad.

4) Aprender un marco CSS

Personalmente, me gusta Bootstrap , aunque no he probado nada más, realmente puedo recomendarlo. Pero una vez más, hay alternativas. Bootstrap evitará que escribas el mismo marcado de CSS una y otra vez, al proporcionarte clases base asombrosas que puedes usar en tu HTML, íconos impresionantes y más.

Después de que conozca y comprenda todo esto, puede comenzar a profundizar en algunos marcos de JavaScript si lo desea.

¡Buena suerte! 🙂

Answer 7

Estudio y practica

Hay muchos sitios web que ofrecen cursos gratuitos de desarrollo web. Puedes optar por ellos y comenzar a implementar esas cosas de inmediato.

Hay un sitio web de freecodecamp Aprenda a codificar y ayudar a organizaciones sin fines de lucro. Puede comenzar a aprender desde aquí y más tarde también puede contribuir a alguna organización sin fines de lucro.

Básico de Desarrollo Web incluye HTML Css y Javascript.

HTML y CSS son muy fáciles de aprender y comenzar, pero tomarán tiempo para dominarlos.

No dude en ponerse en contacto conmigo para cualquier ayuda. Le encantará ayudar a alguien para aprender Desarrollo Web.

Answer 8

Si tiene problemas con el diseño usando CSS “anticuado”, entonces eso es perfectamente normal porque el CSS “anticuado” es terrible cuando se trata de diseños, así que, tenga la seguridad de que todos hemos estado allí en un punto de nuestras carreras Dicho esto, hoy en día puede comenzar a utilizar Flexbox, lo que hace que los diseños en CSS sean mucho más simples y fáciles de razonar, por lo que le recomiendo que dedique una o dos semanas a aprender Flexbox de forma exclusiva y comenzar a usarlo en todos los lugares que pueda.

También te recomendaré un muy buen curso de Udemy. Sin embargo, no le enseñará Flexbox (desafortunadamente), sino que le enseñará muchas herramientas y flujos de trabajo que definitivamente lo ayudarán a convertirse en un mejor desarrollador frontend: Git a Web Developer Job: dominar el flujo de trabajo moderno

Answer 9

El desarrollo front-end tiene que ver con html, css y javascript

html y css son más sencillos, puede aprenderlos de w3schools si es un principiante e incluso puede aprender el script java también desde este sitio, pero ahora es un día para el desarrollo de fuentes y fuentes. vue.js etc….

estas cosas (Html, css, java script y js frameworks que necesita aprender para el desarrollo frontal)

Espero que tengas una respuesta

Answer 10

Para los tutoriales GRATUITOS puede visitar los tutoriales en línea de W3Schools en línea

Si tiene que gastar unos pocos dólares, entonces puede intentar

CodeSchool – $ 29 / mes

TeamTreehouse – $ 49 / mes

InternStreet – $ 99 / mes (curso dirigido por un mentor – Obtendrá un mentor personal con proyectos y pruebas)

He intentado y recomiendo personalmente a Internstreet.

Answer 11

Para aprender el desarrollo web de front-end, debe tener conocimiento acerca de algunos de los lenguajes de programación más importantes, como HTML, CSS, Javascript, AngularJS, Node.

Answer 12

“ Para crear una experiencia de aprendizaje atractiva, el rol de instructor es opcional, pero el rol de aprendiz es esencial. ”

Prueba esto – https://goo.gl/13zhGY

Answer 13

Aprenda HTML (5), CSS, JavaScript, JQuery, AngularJS, etc. en este orden.

Answer 14

Puedes aprender en línea, muchos tutoriales disponibles

Answer 15

Bootstrap te hará retroceder. Mira en la base de cuadrícula 6.4 XY. Es asombroso.