Cómo aprender desarrollo web front-end

Si bien aprender tanto la mejora de front-end como la de back-end presentará sus propias dificultades particulares, también tengo la tendencia de coincidir con usted en que el avance de front-end podría ser menos exigente para los pies tiernos. Digo esto simplemente porque para los aprendices, es esencial ver comentarios positivos sobre el trabajo que han hecho y que funciona. Además, con el avance en el programa, eso es realmente simple para la empresa de desarrollo de aplicaciones .

Desarrollador front-end

El front-end 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 de back-end

Entonces, ¿qué hace posible el front-end 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, juntos, permiten que el lado del sitio web orientado al usuario exista incluso en primer lugar.

HABILIDADES Y HERRAMIENTAS

Para que el servidor, la aplicación y la base de datos se comuniquen entre sí, los desarrolladores de back-end 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 código front-end. Las ofertas de trabajo para desarrolladores de back-end 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 ayuda, 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 sitios web

“Ponte a prueba para aprender algo nuevo todos los días . “

comenzar en 2 fases:

A. Nivel básico

1. HTMl
2. CSS
3. Java Script o jquery básico
4. Conocimientos básicos de herramientas de diseño: Photoshop

Después de aprender el capítulo anterior, comience el nivel avanzado

B. Nivel avanzado

1. HTML 5
2. SCSS, MENOS
3. Marcos frontales

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

4. Angular js, React js …

Lynda: Cursos en línea, clases, capacitación, tutoriales tiene excelentes cursos desde principiantes hasta avanzados. También tienen clases de CSS para principiantes, lo que parece ú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.

Creo firmemente en aprender las habilidades básicas directamente sin ningún tipo de ayuda. Cree un archivo html con un montón de divs clasificados y un archivo css. Comience aprendiendo cómo configurarlos correctamente, y luego comience a usar el archivo css para cambiar la apariencia de sus divs. Establecer colores de fondo lo ayudará a ver exactamente lo que está sucediendo. Olvídate de bootstrap o cualquier otra cosa hasta que entiendas bien cómo funciona css.

La herramienta más importante para un desarrollador web es el inspector web en 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 su estilo. También puede cambiar las cosas allí para ver de inmediato cómo cambia la pantalla.

Esta es solo mi opinión, pero se basa en cómo abrí la confusión para entender realmente bien CSS.

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

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

Por último, trabaje para promover sus habilidades a través de proyectos personales y marcas personales. Los proyectos brindan a los reclutadores y empresas algo con lo que evaluar 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.

Sé de dónde vienes, tal vez buscando atajos 🙂 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, primero debes aprender HTML . Es el idioma desde el que se construye cada página web. Hay más que suficientes cursos de video en YouTube para hacerlo, solo mire a su alrededor y encontrará uno que le guste 🙂

2) Aprende CSS

Nuevamente, a menos que desee una página web sucia y fea, es mejor que aprenda CSS 🙂 También hay muchos cursos en YouTube.

Ahora, comenzaría a construir un par de sitios web. Es posible que tenga algunas habilidades de diseño que lo ayuden a esbozarlas 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 scripting front-end que cada navegador comprende. Ahora es donde descubres cómo integrar la programación con HTML Markup, para agregar más iteractividad.

4) Aprenda un marco CSS

Personalmente, me gusta Bootstrap , aunque no he probado nada más, realmente puedo recomendarlo. Pero de nuevo, hay alternativas. Bootstrap lo protegerá de escribir el mismo CSS-Markup una y otra vez, al proporcionarle increíbles clases base que puede usar en su HTML, iconos increíbles y más.

Una vez que sepa y comprenda todo esto, puede comenzar a buscar en algunos marcos JavaScript si lo desea.

¡Buena suerte! 🙂

Estudio y práctica

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

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

Basic of Web Development incluye HTML Css y Javascript.

HTML y CSS son muy fáciles de aprender e iniciar, pero llevará tiempo dominarlos.

No dude en contactarme para cualquier ayuda. Me encantará ayudar a cualquiera para aprender Desarrollo Web

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, por lo tanto, tenga la seguridad de que todos hemos estado allí en un momento nuestras carreras Dicho esto, hoy en día puedes comenzar a usar Flexbox, lo que hace que los diseños en CSS sean mucho más simples y fáciles de razonar, por lo que te recomiendo que pases una o dos semanas aprendiendo Flexbox exclusivamente y comiences a usarlo donde sea que puedas.

También te recomendaré un muy buen curso de Udemy. No le enseñará Flexbox (desafortunadamente), sin embargo, 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: Mastering the Modern Workflow

el desarrollo de front end se trata de html, css y javascript

html y css son más simples, puedes aprenderlos de w3schools si eres principiante e incluso puedes aprender java script también desde este sitio, pero ahora es un día para el desarrollo de fuentes finales, la mayoría de las compañías están usando marcos js como react js, angular, ember y vue.js, etc.

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

Espero que tengas una respuesta

Para obtener los tutoriales GRATUITOS, puede visitar los Tutoriales web en línea de W3Schools

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

CodeSchool – $ 29 / mes

TeamTreehouse – $ 49 / mes

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

He intentado y personalmente recomiendo Internstreet.

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

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

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

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

Puedes aprender en línea, hay tantos tutoriales disponibles

Bootstrap te retrasará. Mire la base 6.4 Cuadrícula XY. Es asombroso.