¿Cuáles son los programas imprescindibles para un desarrollador web principiante?

Lo mejor para principiantes es HTML5 , CSS3 y JavaScript . (En ese orden). El mejor editor de texto, bueno, todo depende de las personas. Comencé con Brackets, luego fui a Atom y ahora codifico en Sublime text 3.

Si desea tener la sintaxis HTML incrustada en su cerebro junto con CSS y JS (que por cierto son los fundamentos del diseño y desarrollo web), le recomendaría un editor de texto sin complementos. Los complementos son excelentes para acelerar y ser productivo, pero para ser principiante necesitas aprender cómo se escribe el código.

Como mencioné anteriormente, uso Sublime y tiene todo tipo de complementos para color, marcos, idiomas, etc. Si tuviera que escribir; “Enlace” en un documento html,

se autocompletará a

“ ”

cuál no es la mejor manera de aprender codificación. Inicialmente, escribir no solo lo ayudará a memorizar la sintaxis y la semántica, sino que también mejorará su velocidad de escritura con símbolos, etc. (No suele escribir esto; < % = csrf_meta_tags% > y acostumbrarse a la codificación es vital.

Los editores de texto como Brackets y Atom son de código abierto, lo que significa que puede usarlos como regalos. Sublime es genial y la versión completa está disponible por una tarifa nominal (realmente vale la pena). Es altamente personalizable con temas increíbles y es utilizado ampliamente por desarrolladores experimentados.

Espero haber respondido a su pregunta, desearía que alguien me dijera esto cuando comencé a codificar. 🙂

Buena suerte y nos vemos en el camino!

Para empezar, solo un navegador y un editor de texto. Eso será suficiente para comenzar con HTML, CSS y JavaScript.

Me gusta mucho Sublime Text, como muchos otros. Pero otros buenos son Brackets y Atom.

Para ser honesto, cuando hay cosas como Codepen disponibles, ni siquiera necesitas instalar un editor de texto cuando estás aprendiendo lo básico. FreeCodeCamp te hace construir proyectos usando Codepen.

¿Qué quieres decir con desarrollador web? ¿Estás hablando del desarrollo web front-end? (HTML, CSS, Javascript)

Si se trata de desarrollo web front-end, la única herramienta que necesita y no lo digo de manera condescendiente es un navegador web decente.

Chrome y sus Dev Tools incluidas son la madre de todos los programas en mi opinión.

Usted puede

• Aprenda de los mejores sitios web inspeccionando los componentes y entendiendo cómo se logra un cierto diseño
• Experimente y vea los cambios en vivo, la mejor manera de aprender
• Puede escribir HTML y CSS directamente en él para sus propios proyectos en su computadora y ver los cambios en tiempo real.

Aquí está mi lista de otros programas que uso para el desarrollo web front-end

• Sketch, que es una aplicación para Mac como Adobe Illustrator o el Inkscape gratuito. Esto me permite ordenar los diseños, hacer wireframes. He descubierto que hay poca necesidad de hacer diseños perfectos píxel por píxel a menos que sienta que lo necesita para el cliente.
• SASS o LESS son ahorradores de tiempo, son como CSS en esteroides. Por ejemplo, puede usar variables para establecer su esquema de color primario y sobre la marcha dejar que SASS traduzca un color que sea un 20% más claro que el color primario principal al código correcto o calcular un porcentaje ahorrándome la molestia de usar una calculadora para obtener el resultado . Probablemente ya hayas notado que hay mucha duplicación en CSS.
• Utilizo Parallels para tener acceso a todo tipo de versiones de navegador para asegurar que el sitio web funcione bien
• Utilizo mi propio archivo CSS estándar único para un desarrollo rápido, solo necesito agregar varias clases a un div, por ejemplo, con class = “container darkGreyBackground textRight” para obtener un divisor que tenga el relleno y la estructura de un contenedor, tenga un gris oscuro fondo y donde el texto está alineado a la derecha. Estoy seguro de que puedes encontrar muchos de estos en línea, creo que uno se llama Primitivo e incluso puedes modificarlo usando SASS