Cómo comenzar con el desarrollo front-end

Aprenda a codificar y Aprenda a codificar y ayude a las organizaciones sin fines de lucro a tener excelentes tutoriales interactivos gratuitos para cubrir todos los conceptos básicos de front-end. Después de eso, le recomiendo que cree algunos sitios web básicos para practicar. Esos dos pasos te llevarán mucho tiempo, ¡así que ese debería ser un buen lugar para comenzar!

Los desarrolladores de PS han votado sobre sus tutoriales de codificación favoritos en Manual | Tutoriales HTML, CSS, Javascript más populares en el planeta. ¡Compruébalo si estás buscando más ideas!

El desarrollo front-end se ha convertido en un elemento fundamental en el desarrollo web a medida que el aumento de la demanda de una mejor UI y UX ha impulsado la contratación de gente en este sector.

Para todos los estudiantes y profesionales que desean seguir una carrera como Desarrollador front-end o Desarrollador NodeJS o Desarrollador Mean Stack, ya que es una de las carreras más lucrativas y de rápido crecimiento. Con la aparición de los teléfonos inteligentes, los fabricantes de aplicaciones basadas en Android fueron impulsados ​​a un nivel completamente nuevo. Todos los días se lanzan nuevas empresas nuevas con aplicaciones móviles y aplicaciones web que son la tecnología principal y la fuerza motriz.

edWisor.com es una de esas plataformas que proporciona una capacitación completa en vivo del desarrollo front-end y el desarrollo NodeJS . Estas sesiones de capacitación en vivo son proporcionadas por profesionales que actualmente trabajan en la industria en este puesto de trabajo . Este es un programa de 10-12 semanas con 3-4 horas de entrenamiento en vivo los fines de semana. La capacitación en vivo se proporciona con un enfoque práctico basado en una asignación semanal y un proyecto de la industria . Estas asignaciones y proyectos son evaluados por el profesional / mentor y se califican en base a eso por su habilidad como desarrollador front-end o desarrollador NodeJS .

edWisor.com después de completar la capacitación envía currículums junto con sus proyectos a las compañías relevantes para la contratación como pasante o a tiempo completo.

Trabajo para Acadgild, pero intentaré presentar una visión neutral en el asunto. Inscríbase para un buen curso de certificación en línea. Durante tu proceso de aprendizaje.

Asegúrate de aprender las cosas. Tome un curso donde pueda ser asesorado por profesionales expertos.

Nada puede enseñarte mejor que una experiencia práctica. Realice algunos proyectos mientras realiza los cursos. Algunos cursos ofrecen la oportunidad de trabajar en el proyecto como parte del trabajo del curso.

Juega con el código. Practica tanto como puedas. Hay cursos que ofrecen soporte 24×7 para practicar la codificación.

Lea diferentes artículos en Internet, manténgase al día con las últimas novedades en el dominio.

Espero que esta respuesta haya ayudado. Puede encontrar útil el siguiente enlace.

Guía para el desarrollo front-end para principiantes.

Comience con el desarrollo front-end.

La forma más rápida de iniciarse en el desarrollo front-end es dominar los conceptos básicos de HTML, CSS y JavaScript. Una vez que domine los conceptos básicos, intente ir más allá y juegue con cosas más avanzadas como preprocesadores CSS, marcos JS, Node.js, corredores de tareas JS, etc.

También necesita aprender teorías y mejores prácticas. Intente aprender código limpio, algunas arquitecturas CSS (OOCSS, BEM, ITCSS, etc.), OOJS y rendimiento web. Te ayudarán mucho durante el desarrollo. También es bueno saber sobre cosas de back-end, frameworks web como laravel o rails, y algunos conocimientos sobre HCI y UI / UX, porque trabajará junto con desarrolladores de back-end y diseñadores de UI / UX.

Quizás suene como muchas cosas que hacer. Pero no te preocupes, solo hazlo a tu ritmo cómodo. Hay millones de libros, cursos en línea y artículos que pueden ayudarlo en su práctica. Trate de mantenerse actualizado con las tecnologías actuales, las mejores prácticas y vaya a una reunión local de front-end para aprender y discutir con algunas personas que piensan igual 🙂

¡buena suerte!

Muy simple, regístrese en cualquiera de estos 5 mejores sitios web para aprender codificación en línea gratis y listo. Los 5 sitios web enumerados después de investigar las características, los tutoriales en video y el contenido adicional (incluidos los archivos finales del proyecto, las notas y otros recursos) que brindan a los estudiantes.

Aquí están los sitios web que he clasificado en la lista, no olvides leer sus reseñas completas aquí;

1. Udacity
2. Casa del árbol
3. Vista plural
4. Udemy
5. Coursera

3 de los sitios web mencionados anteriormente también ofrecen los certificados y títulos profesionales de las principales universidades y líderes de la industria (Google, Facebook, etc.).

Así que regístrese en cualquier sitio web de eLearning y elija aprender Desarrollo front-end, aprender a codificar normalmente, aprender WordPress , Aprender SEO-Marketing , Diseño y lo que quiera.

[haga clic para continuar leyendo el artículo completo sobre los mejores sitios web para aprender la codificación]

Bueno, generalmente un diseñador tiene una visión un poco diferente de las cosas, que un programador. Esto puede ser una desventaja para ti. Aunque diga que tiene conocimientos básicos de PHP (yo no), dudo que tenga una noción de código limpio. Sin embargo, esto no debería desanimarte a entrar en el mundo del codificador. Supongo que comprende las arquitecturas cliente-servidor comunes, o al menos sabe cómo funciona la comunicación entre clientes y servidores (desde el punto de vista del programador)

Actualmente, el lenguaje más importante en el mundo frontend es JavaScript, y esto es en lo que debe centrarse (inicialmente). En mi humilde opinión, una forma muy efectiva de aprender JS es http://codewars.com. Allí aprendes no solo conceptos básicos, sino también temas avanzados, ¡y es realmente divertido!

Además, sugiero trabajar en un proyecto de tiempo libre, donde puede aplicar y obtener nuevos conocimientos en la práctica. Piensa en algo en lo que estés realmente interesado e intenta crear una aplicación. Comience simple. (¡No, el desarrollo del juego no es un buen punto de partida!)
Lo mejor es comenzar desde cero y tomar todas sus decisiones sobre la tecnología elegida estudiando y evaluando las posibles opciones. Inicialmente, no recomiendo usar uno de los bootstrappers de proyectos disponibles, ya que suponen un cierto nivel de conocimiento y, a menudo, vienen con un montón de cosas que no necesitas ni entiendes. Incluso si planea convertirse en un desarrollador front-end, le recomiendo construir el backend por su cuenta también. De esa manera, comprenderá “el otro lado” y obtendrá conocimientos que nunca antes había tenido (*). Para mantenerse dentro del contexto JS, puede usar node.js junto con mongodb como una pila de tecnología de back-end.

Además, debe comprender las prácticas y herramientas esenciales. Mencionaste que nunca usaste git. Ok, no hay problema, pero a partir de ahora tienes que aprenderlo. Necesita saber cómo funcionan las versiones. ¡Es un hecho! Hay otros VCS alrededor (svn, tfs, mercury, etc.), pero git es simplemente git.
Otra herramienta importante … ¡tu depurador! Sepa cómo depurar. En el frontend, su navegador es su depurador, pero para el backend necesita ciertas herramientas. Aquí es donde entra un buen IDE. Hay muchos por ahí, por ejemplo, Eclipse, Sublime, Brackets, Visual Studio, etc. Yo, por ejemplo, me gusta y uso WebStorm.

Como puede ver, no se trata solo de codificación, sino también del ecosistema del codificador. Hay mucho que aprender, y lo peor (o lo mejor): no debes dejar de aprender. Su conocimiento acumulado, especialmente en el mundo web, es muy volátil. Necesita actualizarse constantemente.

(*) Desde mi punto de vista, no debería haber algo como frontend- y backend-developer. Centra el cambio. Muchos años desarrollé aplicaciones de escritorio, hice muchas cosas con backend, trabajé en middlewares e incluso gráficos de computadora. Actualmente, estoy enfocado en frontend, pero en el trabajo esperamos que cada miembro del equipo sea capaz de trabajar en todas las partes del sistema.

Hola,

Puede comenzar su camino de desarrollo front-end con el aprendizaje de bibliotecas Java Script / CSS / HTML / JS UI . Le ayudará en el futuro a construir interfaces más rápido. Por ejemplo, Webix UI Library tiene una excelente guía de introducción con solo 10 pasos de aprendizaje. Supongo que antes de estos manuales comprenderá cómo funciona))) Tiene una versión GPL gratuita para probar y es ideal para proyectos simples no comerciales. Como alternativa a esto, se encuentra la biblioteca de interfaz de usuario DHTMLX, un gran arsenal de componentes listos para usar para crear una interfaz. Si sirve a su sitio, verá que en DHTMLX puede encontrar botones como cuadrícula js lista para hacer informes. ¡Y funciona muy rápido, de verdad!

Lo primero que sugeriría es recoger un libro. En la actualidad, es relativamente fácil perderse en un mundo de videos de tutoriales rápidos en línea y respuestas de StackOverflow, pero elegir un buen libro puede ser lo mejor que le pase a su carrera de diseño:]

Por supuesto, hay algunas formas de entrar en el desarrollo front-end sin obtener un libro, y recomendaría una visita a Codecademy. Tienen algunos tutoriales simples de HTML / JavaScript / CSS que le proporcionarán una experiencia rápida con el Elementos básicos del diseño frontal.

Después de obtener los conceptos básicos de HTML y CSS, sugiero ingresar a JQuery para el desarrollo web front-end y luego bifurcarse lentamente a otros marcos de IU como Bootstrap y Materialise. Para implementar pantallas de datos, solo serán unas pocas líneas de código rápidas en JavaScript, por lo que no debería ser un problema con una buena cantidad de StackOverflow. Sin embargo, recomiendo este libro para que pueda comenzar a utilizar JavaScript y Jquery, una vez que obtenga los conceptos básicos. Me ayudó mucho, y creo que puede resultarle interesante. JavaScript y JQuery: desarrollo web interactivo front-end

Saludos, y recuerde mantenerse al día con las tendencias! Front-end web-dev es un campo de rápido movimiento en general, y parece que cada dos días sale una nueva herramienta o marco, ¡así que mantente al tanto!

Sugiero conocer primero el modelo de caja. Continúe aprendiendo cómo codificar diferentes partes de un sitio como la navegación. Estar familiarizado con la sintaxis CSS. Domina cómo usar los selectores. Conozca por qué necesita usar cosas como Normalize.css. Aprenda sobre diseño web receptivo. Cree sitios web utilizando marcos de front-end. Crea sitios web desde cero.

La lista continúa, lo importante es que solo necesitas comenzar. Además, puede encontrar mentores, unirse a comunidades y trabajar con un cliente una vez que se sienta cómodo con sus habilidades. De esa manera, aprenderá a trabajar mejor.

Bueno, lo primero que puede hacer para comenzar es crear sitios web estáticos. Comience a marcar sitios web estáticos a pequeña escala usando html y CSS. Puede encontrar cómo usar las escuelas w3. Poco después de hacer esto, incluya JavaScript para agregar algunas interacciones y realice alguna acción con la página, como ocultar / mostrar.

Una vez que haya hecho lo básico, comience a aprender html5 y Css3. Estas son habilidades importantes y se mueven en bibliotecas js como jquery. Una vez que hayas dominado este aspecto en AJAX. Realice llamadas asíncronas a un servidor ficticio y comience a trabajar en aplicaciones de una sola página.

Ahora puede comenzar a meterse en cosas más complejas como bootstrap, un marco css y conceptos avanzados de js como promesas, incluso bucles, etc. Y finalmente entrar en cualquier marco de su elección: reaccionar, angular o vue.js y basar todas las habilidades que usted he aprendido sobre este marco.

¡Espero que esto ayude!

Comience con lo más fácil que lo difícil.

HTML básico y CSS

• Aprenda la etiqueta html básica.
• Crear tabla con html, rowspan, colspan, etc.
• Crear formulario, barra de navegación y pie de página
• Aprenda CSS básico: margen, relleno, fuente, etc.
• Aprenda sobre el sitio web receptivo, prefiera usar ‘%’ (porcentaje) en ancho y alto, o usar max-width, min-width.
• Saber sobre receptivo. Consulta ` @media` para el sitio web multiplataforma
• Conozca la compatibilidad del navegador, Chrome, Firefox, IE, Edge, Safari, Opera, etc.
• Aprenda a usar el marco y la biblioteca css: Bootstrap, Material CSS, etc.
• y muchos más puedes buscar en google
• CREAR UN PROYECTO SIMPLE USANDO DISEÑO HTML + CSS

Javascript básico como la magia

• Aprende javascript en básico.
• Intenta obtener texto del formulario de entrada usando javascript
• Intente manipular la interfaz de usuario utilizando un script java simple, por ejemplo: ocultar un elemento, etc.
• Aprende a usar jquery.
• Aprende a usar la llamada ajax.
• Aprenda las características de ES6 , como el estándar actual de JavaScript
• Para pasar al siguiente nivel: Aprenda TypeScript .
• y muchos más puedes buscar en google
• AGREGA MAGIA A TU ÚLTIMO PROYECTO SIMPLE UTILIZANDO JAVASCRIPT

Marco de referencia

• Aprende al menos a un marco. Elija el popular, para que pueda encontrar ayuda fácilmente cuando lucha y se atasca. Puede elegir Angular, React Js, Vue Js .
• Después de que hayas aprendido uno, aprende el otro. Y elija el que mejor se adapte a sus estilos y sus necesidades.
• MIGRA TU ÚLTIMO PROYECTO EN MARCO

Extras

• Aprende a consumir la API REST
• Aprende a hacer datos falsos
• Aprende a hacer pruebas E2E
• Aprenda a hacer pruebas de IU
• Aprende a construir y desplegar
• Conozca un pequeño backend, es bueno saber más.
• y muchos más puedes buscar en google

Si confundes qué proyecto simple harás, te sugiero que hagas tu propio portafolio web o tus blogs personales.

¿Por qué sigues leyendo Quora? ¡¡¡Empezar ahora!!! ¡¡Venga!! Leer es algo bueno, pero la ejecución es otra cosa 😀

Esta pregunta ya tiene muchas respuestas. Sin embargo, déjame darte una breve guía de acción. Vaya a FreeCodeCamp: aprenda a codificar y ayudar a organizaciones sin fines de lucro y vaya paso a paso. En caso de que necesite conocimientos adicionales, complemente con Codecademy: aprenda a codificar, pero probablemente estará bien. Todavía recuerdo lo difícil que es cuando no sabes por dónde empezar tu aprendizaje. No se desanime por eso. Concéntrese en HTML, CSS, JavaScript en ese orden.

Aprende HTML, CSS y JavaScript. Esa es la santa trinidad del desarrollo front-end. Puede comenzar en Codecademy, que tiene algunos buenos tutoriales gratuitos. Aparte de eso, la serie Head First es una gran serie de libros para principiantes y un lugar fantástico para comenzar.

Ahora esas tres tecnologías son la base para el desarrollo front-end. A las empresas les gusta evaluar candidatos para trabajos con pruebas de programación como esta. Esto es parte del proceso de evaluación técnica. Pero hay otras herramientas y tecnologías que se usan ampliamente en el desarrollo front-end, como el framework Bootstrap, la biblioteca jQuery, el framework AngularJS, el entorno de tiempo de ejecución Node.js y otros. Pero todas estas herramientas se basan en las tres tecnologías principales: HTML, CSS y JavaScript. Una vez que domines a esos tres, el cielo es el límite. ¡Buena suerte!

No estoy seguro de lo que debes hacer, pero puedo decirte cómo lo hice.

Empecé a aprender HTML, CSS y JavaScript en Treehouse. Aquí está mi perfil. Luego construí un sitio web estático para algunos amigos, se veía increíble pero no respondía.

Luego construí riosjaime.com cuatro o cinco veces, primero con html y css, luego Bootstrap, luego Foundation, luego una combinación de ambos con WordPress, luego con un buzón SASS de Foundation nuevamente porque quiero que sea rápido e intuitivo. Entonces me di cuenta de que, a pesar de tener algo de código en mi perfil de Github, necesitaba una cartera o algo visual para los empleadores que no codificaban.

Al mismo tiempo, seguí aprendiendo jQuery, NodeJS, PHP, animaciones CSS, algunos UX, etc. Todo esto, mientras solicitaba cualquier posición que pudiera ocupar. Fui a por lo menos cuatro entrevistas antes de conseguir el trabajo.

Eso llevó a la versión rota actual de mi sitio web, pero desde que un robot me atacó, debido a mi formulario de contacto muy básico / inseguro.

Todo esto sucede durante un período de seis meses.

Comience con HTML y CSS. Intente con el concepto básico de estructuración y diseño de páginas web. Entonces aprende JavaScript. Hay una gran cantidad de sitios web disponibles donde puede aprender herramientas y conceptos de front-end.

Aprenda HTML5, CSS3, Javascript: aprenda código a través de Screencast

HackerRank: aprende código a través de un conjunto de problemas

edX

Coursera – Cursos en línea gratuitos de las mejores universidades | Coursera

Aprenda a codificar y ayudar a organizaciones sin fines de lucro

Udacity – Clases gratis en línea y nano grados

Cursos en línea de Udemy: aprenda cualquier cosa, en su horario

Aprende a codificar

CodeBabes

https://www.khanacademy.org

Aprende haciendo | Código escolar

Desarrollador en línea ilimitado, TI y capacitación creativa

Tutoriales y entrenamiento de software

Cómo comenzar a aprender Desarrollo front-end

0: 00-3: 36

La respuesta en video anterior lo guía a través de cómo comenzar a aprender el desarrollo frontend.

1. Literse digital
2. Lenguaje de programación para aprender

1. HTML
2. CSS
3. JavaScript

Avíseme si esta respuesta lo ayudó y si tiene más preguntas. Tengo videos similares en mi canal de YouTube que tratan este tema con más detalle: https://www.youtube.com/channel/ …

Hola señor

Tienes conocimientos básicos sobre HTML, Css, JavaScript.

Lo último es conocimiento básico de WordPress, Joomla y Opencart.

Enlace: Encuentra Jankari

También puede obtener conocimiento sobre WordPress.

Desde nuestro enlace de Youtube:

(1) Cómo instalar wordpress en el servidor local o en el host local

(2) cómo instalar y activar el tema de WordPress

(3) Cómo instalar el complemento en WordPress

El desarrollo web front-end es un campo increíblemente emocionante y muy solicitado. Sin embargo, como con cualquier industria floreciente, es difícil saber por dónde empezar. Puede ser confuso y abrumador, especialmente si no tienes experiencia en el campo. Entre otras cosas, hay varios lenguajes y herramientas básicas para el desarrollo web front-end que necesitará aprender, como CSS, HTML y Javascript.

Para ayudar a los estudiantes como usted a comenzar, ahora ofrecemos un nuevo Programa Profesional de Microsoft en Desarrollo Web Front End aquí en edX que se enfoca en eliminar algo de la confusión sobre dónde comenzar a aprender el desarrollo web front-end al presentarle los fundamentos , enseñando las herramientas más utilizadas y luego ofreciéndole una forma de demostrar que tiene las habilidades a través de un proyecto final que puede exhibirse en su cartera. Este programa le permite obtener un Certificado Profesional en Desarrollo Web Front End de edX y Microsoft.

Existe un segundo programa de certificados profesionales igualmente relevante para el desarrollo web front-end del World Wide Web Consortium (W3C). El W3C se encuentra en el Laboratorio de Ciencias de la Computación y Artificiales (CSAIL) en el MIT y su líder y fundador, Sir Tim Berners Lee, se le atribuye la invención de la red mundial. Este programa cubre HTML5, CSS y Javascript, entre otros temas.

Ambos programas en línea son gratuitos para aprender y cobran una pequeña tarifa por el valioso certificado profesional.

La forma más rápida: vaya a sitios web donde puede contratar a algún desarrollador para su trabajo gastando algo de dinero. Gastará su dinero de acuerdo con sus requisitos, el rendimiento del sitio web, la experiencia estable y buena del usuario del sitio web y las capacidades de múltiples dispositivos y crossborwser de su sitio web.

Una forma menos rápida: aprenda html, css y javascript básicos (solo muy básicos) y desarrolle su sitio web en wordpress (y otros como drupal, etc.). Nuevamente compre algunos temas y hará su trabajo. Menos costoso, menos rápido. Gastará dinero en experiencia de usuario, rendimiento y capacidades de navegador cruzado y dispositivos múltiples.

Menos rápido: aprenda HTML5, aprenda CSS, aprenda JavaScript básico para crear una interfaz mediocre.

Toma tiempo: aprenda HTML5, aprenda CSS, aprenda javascript de alto nivel.

Un poco menos de tiempo: aprenda HTML5, CSS y un buen marco de javascript. Como jQuery, AngularJS, etc. Junto con el uso de herramientas de interfaz de usuario proporcionadas por Bootstrap, etc.

Si eres nuevo y estás dispuesto a aprender, entonces debes ir con el último. Hay pocas opciones para tomar más tiempo, y si inviertes algo de tu tiempo en ellas, puedes construir una interfaz increíble con menos tiempo. Esas tecnologías son: Jade, Grunt o GULP y sus complementos, SASS o LESS y sus complementos, Bower, angularJS y sus módulos externos, jQuery y sus complementos, material angular (o estructura de interfaz de usuario basada en diseño de materiales), Karma y Jasmine para pruebas, requireJS para la carga dinámica de scripts, la herramienta de depuración de Chrome y muchos más.

Espero que te dé una idea de lo fácil o difícil que podría ser desarrollar una interfaz.