Soy principiante ¿Cuáles son todos los lenguajes de programación y prácticas que necesito seguir para convertirme en un mejor desarrollador front-end y ser contratado?

Es bastante simple y directo. Hoy en día, puede encontrar toneladas de conocimiento en Internet, pero la cuestión es que debe buscarlo. Dije que es simple porque, como Joshua Pan mencionó sobre las tecnologías que rigen Internet hoy en día, es muy fácil de aprender y aplicar. En realidad, mencionó muchos, prefiero recortarlo a lo básico.

Estos son realmente lo que hay en el mundo frontend.

  • HTML5 y CSS
  • JavaScript
  • API JSON

HTML: es esencial ya que esto es lo que da una estructura a su página web

CSS: HTML sin CSS es así

Creo que entendiste el punto.

JAVASCRIPT: es imprescindible si quieres convertirte en un desarrollador frontend experto. No puedes hacer nada si no dominas Javascript. No estoy hablando de JQuery, BackboneJs, Angular, etc., estoy hablando de Vanilla JS. Todos y cada uno se hacen con la ayuda de Javascript y si dominas JS, todo será bastante fácil para ti. Entonces, comienza hoy …

JSON y XML: estos son formatos de datos que son una forma estándar de intercambio de datos en el mundo de hoy. Este es un formato común para compartir datos y es la siguiente cosa más importante para un desarrollador. Sin ella, no se puede compartir datos entre plataformas, lo cual es una necesidad hoy en día.

Por último, pero no menos importante, hay cosas como las convenciones de codificación que deben ser atendidas. Si desea trabajar para una corporación importante, lo primero que notan sobre un individuo es la convención de codificación. Puedes leer más sobre esto aquí Las peores pesadillas de Coder

Espero que te ayude.

salud 🙂

Hola anand Me alegra que hayas decidido ingresar a la industria de la informática. Llegando al punto. Su pregunta es “¿Cuáles son todos los lenguajes y prácticas de programación que necesito seguir para convertirme en un mejor desarrollador front-end”? Honestamente hablando, no hay instrucciones específicas, pero igual te ayudaré.

Dado que desea ser un desarrollador front-end, entonces no es necesario aprender lenguajes del lado del servidor como PHP y ASP. La interacción del lado del cliente es la única de una página web.

  • Su diseño debe ser elegante, elegante, bonito y ligero. Ser ligero significa que debe usar muy poca memoria para renderizar. Créame, he visto muchos sitios web que tienen un estilo muy pesado pero que no son del todo atractivos sitios web bastante simples y elegantes con una buena combinación de colores que son los que ganan el corazón.
  • Su código debe ser adaptable. Significa que debe ejecutarse en la mayoría de los navegadores modernos y debe mostrar el mismo diseño. El uso de la sintaxis específica del motor de renderizado puede ayudar en eso, como webkit-transform para el motor de Google Chrome.
  • Su código no debe necesitar documentación o debe tener una documentación detallada. Por favor no intentes nada en el medio. He visto documentaciones que tienen 3 páginas y digo que la documentación proporcionada. Sin embargo, si desea ayudar a otros compañeros, intente hacer comentarios en el código O escriba el código de una mejor manera ( para que todos puedan entenderlo ).
  • Utilice nombres de variables adecuados: los procesadores de diseño frontal como SASS, LESS, SCSS y los preprocesadores html como JADE y HAML admiten nombres de variables para una fácil codificación. Intente usar nombres propios, especialmente en css. Un ejemplo es como usar $background-color : #eee; i $background-color : #eee; i lugar de usar $bc = #eee; Usar esos nombres puede ser fácil para usted, pero no para otros. Estos también pueden ser malinterpretados.
  • Vea el código de otros: revise el código fuente de los sitios web que financia increíblemente. Esto aumentará su creatividad, así como su habilidad técnica y práctica.
  • Prueba la contribución de código abierto. Esto te daría mucho para escribir en tu currículum y también muchas habilidades nuevas, ya que cada proyecto requiere algo más.

Idiomas

  • HTML
  • CSS
  • JavaScript

solo se requieren estos tres. Otros solo facilitan el trabajo. El uso de preprocesadores puede facilitar mucho el trabajo.

  • Pruebe JADE, HAML o similar para HTML
  • Pruebe SASS, SCSS o LESS o similar para CSS
  • Intente usar algunas bibliotecas públicas precompiladas como animate.css, hover.css

Buena suerte !

No hay una respuesta única para su pregunta porque no hay nada que ver con ningún lenguaje de programación. Si alguien le sugiere que elija el lenguaje x, es muy posible que la persona haya hecho eso o haya influido en su mente a través de los medios y la publicidad de un lenguaje o marco en particular.

Ningún lenguaje de programación es malo. Cada idioma tiene sus propios méritos y deméritos. Sin embargo, tienes que elegir y decidirte por unos pocos. Antes de eso, debe comprender la lógica y la estructura de datos sin los cuales no puede pensar lógicamente y codificar en un lenguaje de programación. Revisé varias respuestas y encontré tantas exageraciones sobre idiomas particulares. Para dominar un lenguaje de programación, necesita dedicación, paciencia y resistencia. Muchas noches de insomnio te traen a este nivel que puedes dominar cualquier idioma.

En segundo lugar, ¿qué quieres decir con front-end?

En el desarrollo web, se realiza en HTML, CSS y JavaScript y no hay otra opción disponible hasta la fecha. También en aplicaciones de escritorio o móviles, que también es una tecnología front-end programada y compilada en código nativo que es específica de una plataforma de sistema operativo particular.

Para ser contratado, debe conocer las estructuras de datos y la lógica detrás de la programación. El lenguaje es una mera herramienta para realizar la tarea.

Te recomendaría que saltes directamente a Free Code Camp al principio. Esto lo ayudará a comenzar una carrera de desarrollador front-end y lo llevará a una etapa en la que puede ser contratado para trabajar sin fines de lucro. Aquí hay un vistazo rápido a lo que aprenderá:

  • HTML5 y CSS
  • Diseño receptivo con Bootstrap
  • jQuery
  • JavaScript básico
  • Programación Orientada a Objetos y Funcional
  • API JSON y Ajax

Esto es solo lo básico del front-end; Hay muchos proyectos en los que puede trabajar. Al final, tienen proyectos sin fines de lucro. esperando por ti 🙂

¡Buena suerte y diviertete!

Puede comenzar a aprender HTML, CSS, JavaScript para el front-end y PHP para el back-end. Y si necesita una base de datos en su sitio web, aprenda SQL.

W3Schools Online Web Tutorials también es un muy buen sitio web de información para desarrolladores web, con tutoriales y referencias relacionadas con temas de desarrollo web como HTML, CSS, JavaScript, PHP, SQL y JQuery. El sitio proporciona un manual de referencia que cubre muchos aspectos de la programación web. Cubre todo lo que se enseña a un estudiante de Ingeniería en el aula e incluso contiene las cosas que
No se enseña, se necesita. Con este sitio web también puedes practicar y
ver los resultados implementando los códigos. Es fácil de usar y muy
bueno para los principiantes.

También puedes probar Learn to code -Code academy. También contiene varias lecciones sobre desarrollo web y diseño web.

Después de que aprenda los conceptos básicos del diseño web, comience a diseñar sus páginas web. Tome comentarios de sus amigos, familiares, etc. con respecto al diseño y ellos mejorarán su diseño. Aprender a diseñar es un poco fácil, luego pensar qué diseñar y tomará tiempo y usted mismo desarrollará esta habilidad diseñando más y más páginas web.

Todo lo mejor.

Primero, debes ser un apasionado del diseño web. Es una industria dura, complicada y altamente competitiva. Debe trabajar y estar atento para aprender las últimas tecnologías y las mejores prácticas. Entonces, cuando posiblemente te vuelvas loco por qué estás haciendo lo que estás haciendo, es tu pasión la que te motivará a mantenerte en tu trabajo.

Segundo, el diseño web es un vasto campo. Elija dónde radica su interés y luego hágalo. HTML, CSS, JavaScript, PHP son mis conceptos básicos. Pero también estoy en Python, XCode, incluso RoR.

Y finalmente, busque hojas de vida en su campo y compárelas con las suyas. ¿Qué tecnologías te estás perdiendo? ¿Los elementos que faltan incitan algún interés en ti? Como dije, es un mercado competitivo. Debe tener un excelente currículum que enumere sus proyectos, experiencia, calificaciones, logros. Tienes que promocionarte para ser contratado; un buen currículum ayuda en esto.

HTML (para crear estructura para su sitio web)

CSS (para que se vea genial)

JS (para hacer que su sitio sea dinámico)

Bootstrap (un marco de JavaScript para crear diseños receptivos)

Bueno, estas son algunas HERRAMIENTAS que te ayudarán a convertirte en un desarrollador front-end. Sabes qué, el front end es más un trabajo creativo y menos tecnológico. Debes ser innovador y creativo si quieres ser un desarrollador front-end. Por ejemplo, está creando un sitio web y, según usted, un carrusel le dará una ventaja a su sitio web, pero ¡espera! ¿Cómo agregar un carrusel ahora? Ahora desde aquí comienzas a aprender. Ve a meterte con el código !! ¡Construye algo!

(PD: busca en Google qué es un carrusel, no te voy a contar sobre eso. ¡Explora! 😉)

Como eres principiante, tienes mucho tiempo para aprender. Hoy en día, el desarrollador front-end necesita conocimientos sobre todo el proceso, por lo que debe aprender aparte de diseñar cosas.

  1. Comience con HTML y luego HTML5
  2. Conozca las diferencias entre CSS y CSS3
  3. Aprende JavaScript
  4. Aprenda JQuery y sus alternativas
  5. Aprenda Angular JS, ReactJS y BackboneJS

Si tienes tiempo e interés;

  1. Aprenda algunas cosas sobre la base de datos
  2. NoSql (MongoDB)
  3. NodeJs
  4. Conviértase en desarrollador de Full Stack

¡Buena suerte!

Compartamos mi propia experiencia.

2 años de universidad

Sin conocimiento del desarrollo web. Hice un blog en blogspot. Realizó algunos trabajos de pegado de copias en HTML y JavaScript para el blog.

3 años de universidad

Decidí aprender HTML, CSS e hice un objetivo de hacer un sitio web simple dentro del primer semestre.

Comenzó con Code Acadamy y W3Schools Online Web Tutorials. Practicado a diario. No para insignias y puntos, sino para aprender realmente algo de ella.

Después de aprender lo básico, comencé a modificar los diseños de blog. Comencé a hacer algunas animaciones con HTML y CSS por diversión.

Año final de la universidad

Tuve la oportunidad de trabajar en un sitio web de mi superior. que se basa en bootstrap. Comencé a aprenderlo e hice 16 horas de código para ponerlo en forma. (¡Solo un diseño receptivo adecuado! Por supuesto tenía algunos descansos para comer)

Lo que mejoró mi confianza para comenzar a construir proyectos de sitios web a pequeña escala. Me inscribí en el trabajo como sugirió mi superior. Comenzó a ofertar en proyectos front-end solo con habilidades de HTML y CSS.

Obtuve pocos proyectos, capaz de aprender JAVASCRIPT mientras trabajaba en proyectos. Después de tener un buen nivel de conocimiento de trabajo en HTML, CSS, JAVASCRIPT al final del séptimo semestre.

Fui a una pasantía en el octavo semestre a una nueva empresa, donde comencé a hacer PHP en pocos proyectos y más ampliamente JQUERY y D3.js.

Después de la universidad

Aprendí mucho del desarrollo de JavaScript front-end con la biblioteca de visualización D3.js y pude hacer un buen progreso en jquery mientras trabajaba en más proyectos independientes.

Finalmente

Actualicé mi conjunto de habilidades llamado por una compañía para desarrolladores front-end. Agrietado la entrevista. En el trabajo ahora.

Así que no tenía nada específico en mente mientras comenzaba a aprender, solo hice una búsqueda de lo que se requiere para hacer que un sitio web comience con HTML, CSS y luego continúe con JAVASCRIPT y JQUERY.

Todo lo que tienes que hacer es seguir actualizando, seguir aprendiendo y seguir haciendo proyectos 🙂

Puede comenzar a aprender los conceptos básicos de programación estudiando C / C ++.

Para convertirse en un desarrollador front-end, debe tener conocimientos de HTML, CSS, Javascript, Jquery.

Puede usar los Tutoriales web en línea de W3Schools para aprender y practicar los conceptos básicos en línea.

Después de eso, puede comenzar a aprender o probar sus habilidades haciendo proyectos de demostración / creando páginas web / sitios web de demostración.

Te sugiero que tomes CS50x By Harvard en edX de forma gratuita o de pago, como lo desees.

Comenzará con lo básico y lo llevará hasta el desarrollo web. Puedes tomar el Bootstrap de Microsoft y otros cursos.

Html, css3, php, javascript, ruby ​​on rails, java y todo lo que puedas aprender a ser el mejor desarrollador …

feliz codificación .. !!

Solo puede mejorar sus habilidades de codificación solo y solo haciendo codificación y nada más.

Entonces, ponte los calcetines y comienza a codificar.