¿Qué me estoy perdiendo?

¿Cómo aprendí? 10 años de prueba y error.

Recuerdo que cuando estaba escribiendo algunos de mis primeros sitios web, pensé que necesitabas JavaScript para obtener un estado flotante para los enlaces de navegación. Además, ¡pensé que tenías que hacerlo con imágenes!

Puedo escribir una larga lista de conceptos que no hicieron clic para mí hasta hace unas semanas.

Parece que recién estás comenzando con el desarrollo web y las cosas son frustrantes. No solo eres tú, soy el CTO de una startup que depende en gran medida de la tecnología web, y ha sido mi negocio durante mucho tiempo, pero incluso estoy frustrado con eso.

Mi consejo es continuar con el trabajo duro, deshacerse de sus tutoriales y comenzar a trabajar en un clon de Si digital: diseño de sitios web y agencia de marketing digital en Hampshire, Reino Unido.

Para todas sus imágenes, puede enlazar directamente a sus URL, o puede guardar el HTML a través del navegador (CMD + S o CTRL + S).

Primero, haz las partes que sabes hacer. Intenta dividir el problema en múltiples partes. Por ejemplo, cree primero la barra de navegación superior fija, luego trabaje en los estados de desplazamiento para la barra de navegación. Entonces haga que la barra de navegación responda.

No trates de hacer todas esas animaciones de fantasía. Haz esos últimos. En realidad, cualquier cosa que no sepas hacer en este momento, haz eso último.

No te preocupes por hacerlo perfecto.

Nadie es perfecto. Solo muévete, falla y aprende rápido.

Volver a JavaScript

Sospecho que estás harto de JavaScript porque simplemente estás en esa parte de aprender donde todo sigue siendo realmente difícil. Hay un conocimiento necesario que no has penetrado aún, y la única forma de solucionarlo es a través de un circuito de retroalimentación de práctica y éxito. Haz algo super simple y quedate encantado de que lo hayas terminado.

Existe una gran cantidad de conocimientos sobre JavaScript, pero eso es probablemente parte del problema: ¡hay demasiada información!

Aprendo haciendo, y mi respuesta está fuertemente influenciada por ese mantra kinestésico. Crea tu propio sitio web. Arranca el diseño de SI Digital. O mejor aún, vaya y busque el sitio web de algún negocio local de mierda, toque su puerta y pregunte si quieren uno nuevo por $ 300.

No te preocupes por las mejores prácticas. No te preocupes por las herramientas modernas. No te preocupes por escribir un buen código. Al final del día, siempre que termine el producto, el cliente estará contento y habrá aprendido algo y hecho efectivo al mismo tiempo.

Te lo prometo, lo resolverás.


Además, vea mi respuesta a, ¿Cómo se convierten las personas en desarrolladores web (front-end)?

Soy autodidacta pero fue alrededor de 1970. Fui pasante de la universidad en un think tank económico. No tenían expectativas reales de mí. Dijeron que podía sumar estas filas y columnas de números a mano (con una calculadora), o enseñarme a programar usando un conjunto de textos de “aprendizaje programado”. Así que me enseñé a mí mismo FORTRAN. Me encantó, era tan lógico.
Sospecho que te encanta JavaScript por lo que puede hacer, en lugar de por la diversión de programar en él. Esto no significa que deba denegarse de ninguna manera, solo significa que creo que usted está más interesado en el aspecto de diseño del negocio: desea que su sitio funcione de cierta manera. O tal vez esté más interesado en la gestión de proyectos, en lugar de jugar con los detalles.
De cualquier manera, su intento de programar le enseñó una lección valiosa: crear estos efectos nítidos requiere tiempo y esfuerzo, que son recursos escasos. Entonces, si usted es un arquitecto de sitios web, puede estar al tanto de lo que le pedirá a su programador.
Realmente no conozco un atajo para aprender a programar. Comience con pequeñas tareas y tómese su tiempo. Pero el proceso de aprendizaje debería ser divertido.

Lo que te falta es Typescript.
Este es un lenguaje nuevo que se “compila” en Javascript bien escrito y robusto. Su sintaxis es muy similar a Javascript tan fácil de aprender.

Javascript fue escrito en 10 días. Fue diseñado como un lenguaje de script simple que sería fácil de aprender para los desarrolladores de Java. Debe ser suficiente para manipular un pequeño DOM de HTML. Hoy nuestro uso supera ampliamente ese objetivo.
Debido a esa historia, ignoró toda la productividad de los desarrolladores que la humanidad había incorporado a nuestros modernos lenguajes de programación. Por ejemplo: tipos de datos estrictos, controles de tiempo de compilación y clases.

El desarrollo de Javascript también se ve obstaculizado por la falta de estándares y coherencia en sus 5 plataformas principales (entornos de ejecución), es decir: Chrome, IE, Firefox, Safari y Opera. (Sí, con cada nueva versión, los problemas del navegador cruzado se están eliminando lentamente).

Typescript minimiza esos problemas, permitiéndole concentrarse en su código con el conocimiento de que muchos de sus errores se detectarán en tiempo de compilación y que el script java que emite atenderá en gran medida la mayoría de los problemas conocidos de varios navegadores.

¿Cómo obtengo mecanografiado?
Es de código abierto. Los complementos están disponibles para Eclipse IDE, Sublime Text, Cloud9 IDE y algunos otros. Mi preferencia personal es usar Visual Studio, la versión gratuita está disponible aquí. Free Dev Tools – Visual Studio Community 2013 hace mucho más que solo Typescript.

Nota
Me doy cuenta de que esto no responde a tu pregunta “¿Cómo aprendiste?”. Pero tener un compilador que le brinde comentarios instantáneos sobre sus errores y Intellisense de Visual Studio sugiere cuáles son sus opciones de sintaxis válidas, reduce considerablemente su curva de aprendizaje.

Ser capaz de expresarse de manera novedosa y creativa en el código es casi siempre el resultado de un largo tiempo dedicado a familiarizarse con la mayor cantidad de sistema posible. Cuando su conocimiento y experiencia de las herramientas estén saturados, podrá entregar las ideas que pueda imaginar.

HTML, CSS y JS son 3 aspectos vitales que se deben aprender para generar el tipo de sitios atractivos y cautivadores a los que se refiere. Teóricamente es posible hacerlo con quizás dos de ellos, pero confía en mí, ¿crees que JS es doloroso? Intenta hacer cosas geniales solo con HTML y CSS. (Pista: no lo hagas).

Deja de seguir los tutoriales y comienza a planificar tus propios diseños. Cuando empieces a tratar de averiguar cómo lo harías TÚ, comenzarás a hacer las preguntas correctas. Es más gratificante y una experiencia de aprendizaje mucho mejor que la ruta de memoria.

El problema es solo tu mentalidad.

Todavía no veo la correlación entre las cosas que te hacen hacer …

¿Quienes son ellos? A la mierda, estás aprendiendo estas cosas porque quieres, no porque te estén enseñando. (tal vez me esté metiendo con algo que no existe pero que me escuche)

Fui a la universidad para aprender todo sobre multimedia y en el curso, había temas de programación, y solo nos hicieron seguir sus tutoriales. Debido a que su manera no me sirvió de nada, me considero “autodidacta”.

Piense en esto como una pasión:

Me tomó algún tiempo cambiar mi mentalidad, pensar en esto como una pasión en lugar de una tarea. Parezco como si estuviera escribiendo un libro de autoayuda, pero honestamente es verdad.

Si piensa en esto como una pasión, entonces su objetivo no es el sitio web al que se refiere. Lo que debería entusiasmarlos a todos debería ser las cosas como, cómo es que cuando comencé a escribir esta pregunta, mi nombre apareció como “escribiendo ahora”.

No dejes que el aprendizaje te guíe, debes guiar tu aprendizaje:

Si acabas de leer los tutoriales, estarás construyendo cosas que alguien más pensó. Piensa en tus propias cosas. Estar un paso por delante de los tutoriales.

Construye un pequeño sitio web. Un sitio web de árbol genealógico. Apaga tu computadora Consigue una pluma y papel. Reúna las fotografías de su familia y haga un bosquejo de un sitio web donde, si las personas lo visitan, puedan aprender sobre su familia a través de imágenes.
Un sitio como este necesitaría un diseño elegante con JavaScript, y como el resultado final no será para el mundo, puede volverse loco con la cantidad de JS que desee, incluso puede agregar una calculadora para calcular cómo Tu primo mayor tendrá 4321 años o lo que sea. ¿Le ayudará esto a aprender cómo construir el sitio web al que se refiere ? No. Pero te enseñará la importancia de JavaScript y su uso práctico. Y hará que te guste la programación.

El problema con los soportes es como aprender a conducir, al principio piensa que nunca podrá mantenerse en su carril y, antes de darse cuenta, está pensando que el auto ha aprendido a conducir solo.

No se preocupe, está pasando por una fase perfectamente normal de aprendizaje de un lenguaje de programación.
Yo pasé por lo mismo. Se vuelve más fácil, confía en mí, solo tienes que apegarte a ello.

Un día realmente se dará cuenta y será mucho más fácil escribir y entender. Tengo 6 meses y finalmente estoy llegando al punto de poder leer el código de otras personas (siempre y cuando no escriban algo loco).

Además, para comprender realmente lo que estás haciendo, necesitas crear algo utilizando JavaScript. No tiene que ser complicado en absoluto, puede ser algo muy simple. Recomiendo usar CodePen para ellos.

También recomiendo visitar Free Code Camp, donde puedes encontrar una gran comunidad de estudiantes muy activos y de apoyo, ¡muchos de los cuales han pasado por la misma fase que tú!

Necesitas llevar la gorra HACKER en todo momento.

Usted está tratando de trabajar en ello como un problema.

Más bien, debe ser de esta manera que conozca el DESAFIO y conozca tanto la respuesta DESEADA como ambas, y solo tiene que descubrir el fragmento de código que le permite obtener su respuesta DESEADA.

Esto debería hacerlo más fácil y un poco emocionante. Realmente se dará cuenta de la belleza y el poder del lenguaje de scripting que le permite obtener exactamente lo que necesita.

Deshazte de los tutoriales y de los proyectos de ejemplo. el autoaprendizaje requiere un objetivo guía claro (proyecto), algo práctico, tiene valor y su progreso puede ser medido.

Si no tiene en mente algo como eso, pregúntele a familiares y amigos, adopte un proyecto que mejore la vida de alguien, y simplemente comience a trabajar en ello, haga lo que sabe hasta que se atasque, luego busque ayuda sobre el punto donde estas atascado, haz preguntas sobre eso

Si no te gusta la sintaxis de JS, hay muchos otros lenguajes, también hay idiomas que se compilan en JS y tienen una sintaxis más sencilla, ver CoffeeScript, por ejemplo.

Una vez que haya resuelto los tutoriales, cree un sitio web para usted, como han dicho otros, comience de manera simple, si no le gusta algo, revise el mismo objeto en otro sitio web y ajústelo hasta que encaje. La mayoría de los programadores tienen un montón de código no utilizado en sus discos duros esperando el proyecto en el que se utilizará. Genere muchos efectos e inténtelo, consérvelo y algún día un cliente le preguntará si puede hacerlo y listo, lo tiene en su disco duro.

Buena suerte

Construyendo cosas. No puedes aprender código simplemente tomando algunas clases, en línea o de otra manera. Tienes que cavar y realmente usarlo.

El hecho de que todavía estés luchando con la sintaxis me muestra que probablemente no hayas hecho esto. Sin embargo, si no te gusta la programación, no te mates tratando de aprenderla. Tal vez el diseño es más lo tuyo?

¿De qué se trata el sitio web al que se vincula que parece tan imposible? Se ve bastante sencillo.

Hacer el js no es tan importante como crees, porque las plataformas son muchas y utilizan diferentes idiomas para hacer cosas diferentes.

Odiarás a unos y amarás a otros más de lo que amas a tu propio perro (como yo amo a PHP) y tu opinión cambiará con el tiempo.

Como solía odiar a c ++ y c, y pensé que esto no tiene nada que ver con lo que quiero hacer hasta que tuve que hacerlo mucho y descubrí las bibliotecas de código abierto, y es que ahora tengo todo mi respeto.

La programación es adictiva y solo tienes que explorar tanto como puedas haciendo funciones geniales que estimulen tu cerebro.

Trate de hacer cosas fáciles de js y continúe con jquery, luego Xquery y ajax xpath blah blah blah hasta que esté familiarizado con la mayor cantidad posible de ellos.

Ama la programación como todos lo hacemos aquí, es su oxígeno para nosotros y algo que puedes hacer hasta que llegues a 6 pies por debajo si aún tienes tus marbels.

“Detesto JS” – ¡Bienvenido al club! Siempre pensé que era una tragedia que JS adquiriera tanta tracción en la Web porque la sintaxis del lenguaje es horrible; no se diseñó con mucho cuidado, ni prestó atención al estado del arte en la sintaxis del lenguaje.

En algo fácil, no es necesario usar JS, el CSS moderno puede sustituir a JS en muchas cosas