Cómo aprender el desarrollo web correctamente

En 2009, quería crear un programa para gestionar la asistencia. Entonces, fui a … la biblioteca . Saqué 10 libros. No tenía idea de lo que estaba buscando y todo fue un montón de tonterías para mí.

Finalmente, me di cuenta de que el libro MySQL / PHP parecía tener más sentido para mí (ninguno de los otros libros se aplicaba). En ese momento, estaba trabajando en una fábrica de automóviles. Me pasaba los descansos de 15 minutos corriendo hacia mi auto donde aprendía, un error a la vez. Fue completamente prueba y error.

El código que escribí al principio fue horrible. Fue horrible. Y no estoy orgulloso de eso. Pero … todavía lo tengo. Y funciona. Fue el comienzo de algo grandioso.

Después de eso, acabo de pasar incontables horas frustrantes. tratando de descubrir cómo hacer las cosas. Buscando Stack Overflow y Google. A lo largo de los siguientes 10 años, investigué cosas nuevas e interesantes como Rails, Ember, WordPress, Node, jQuery y muchos otros marcos y productos. Vimos el código de otros. De acuerdo, la mayoría de ese tiempo sería considerado por la mayoría como un desperdicio, pero aprendí a aprender. Y mejoró en eso.

Hoy, me considero competente en casi cualquier entorno de desarrollo web.

Mucha suerte en tu nuevo viaje y no te rindas .

Hola amigo,

Gracias por A2A.

Aquí está mi entendimiento: para aprender algo correctamente / a fondo, debe practicar. La práctica hace al hombre perfecto: es verdad.

Le sugiero que primero comience con el concepto de desarrollo web (solo una idea básica / general) y luego la codificación del desarrollo web (aquí podrá comprender el concepto en profundidad sobre el desarrollo web).

Para aprender conceptos de desarrollo web:

• Comprender qué es la red e Internet
• Comprender cómo las computadoras / dispositivos de red se comunican entre sí a través de la red
• ¿Qué es Servidor y Cliente?
• ¿Cómo se comunican entre ellos?

Una vez que haya terminado con los conceptos, comprenderá mejor los conceptos de que los servidores tienen una codificación del lado del servidor para responder / servir a la solicitud del cliente y los clientes tienen algo de codificación del lado del cliente para enviar la solicitud al servidor.

(Por ejemplo, comprenderá que los navegadores de Internet no son más que clientes. Tan pronto como ingrese la URL diga … http://www.quora.com en la barra de direcciones y presione la tecla Intro, el navegador envía la solicitud al servidor. El servidor escucha estas solicitudes y responde al navegador con los datos solicitados / el resultado de la acción, como mostrar la página de inicio del sitio web de Quora)

En este punto, sabrá que necesitamos codificación del lado del servidor y codificación del lado del cliente . Le informaré sobre los lenguajes de codificación básicos que necesitamos, para comenzar con el desarrollo web.

1. Codificación del lado del cliente (Comience con esto primero, es fácil):

• Aprenda HTML: cómo los navegadores mantienen / muestran datos en el navegador
• Aprenda CSS: cómo los navegadores pueden presentar contenido en un formato más agradable / comprensible
• Aprenda JavaScript: cómo responden los navegadores a las diferentes acciones de los usuarios. Puedes aprender JQuery junto con esto.
• Una vez que haya aprendido los idiomas anteriores, aprenda la codificación del lado del servidor para que tenga una comprensión práctica de lo que ha leído en los conceptos. Más adelante, puede pasar a otros idiomas del lado del cliente.

1. Codificación del lado del servidor:

• Para practicar la codificación del lado del servidor, debe tener un entorno que se parezca al servidor. Para esto, puede configurar servidores como WAMP, LAMP, XAMPP o cualquier otro con el que se sienta cómodo.
• Configure el entorno en su PC y luego consulte algunos tutoriales en youtube para el programa de prueba del servidor de muestra para verificar si está configurado correctamente o no.
• Aprenda PHP: cómo los servidores procesan / sirven las solicitudes del cliente.
• Aprenda MySQL: comprenda cómo los lenguajes del lado del servidor pueden mantener los datos en la base de datos.

Una vez que haya terminado con los lenguajes de codificación básicos anteriores, podrá comprender y hacer que otros entiendan qué es el desarrollo web.

Recuerde, la práctica continua revelará conocimiento oculto. Más bien, debería decir que, la práctica continua hará que los conceptos sean más claros acerca de la web, lo que ya habría pensado que lo entiende bien (al principio).

Puedes practicar en línea (busca en Google, obtendrás muchos sitios web para practicar) o puedes hacer la configuración de entorno requerida en la PC y practicar. Leer libros sobre desarrollo web. Hay muchos otros lenguajes, como Ruby on Rails, JSP, Java, etc., que se utilizan en el desarrollo web. Puede revisarlos uno por uno y comprender su importancia en el desarrollo web.

Espero que esto ayude a comenzar desde la base y avanzar hacia la competencia.

Todo lo mejor. Disfruta tu trabajo.

No sé qué fue lo que originalmente despertó mi interés sobre aprender a codificar para ser honesto. Creo que quería encontrar un pasatiempo con sustancia. Recuerdo que comencé con Codecademy aprendiendo Python . Y hombre, era difícil seguir porque no tenía idea de cómo programar. Conocía la sintaxis del idioma pero no tenía idea de qué hacer a partir de ahí. Casi me rendí y encontré otro pasatiempo. Encontré algo con mucha menos sustancia y eso tomó demasiado de mi dinero. Airsoft

Aproximadamente un año después, decidí intentar otra vez la codificación y me alegro de haberlo hecho. Esta vez fui con algo mucho más abstracto. Algo que me mantuvo motivado porque pude ver resultados. Html, CSS y Javascript.

Comencé con FreeCodeCamp y me quedé con él hasta que me metí en el backend. Después de consultar los cursos de Node.js docs y Udemy para ampliar mi conocimiento. Tengo que decir que Learn and Understand NodeJS – Udemy fue de gran ayuda.

Todavía estoy aprendiendo y tengo un largo camino por recorrer, pero me siento mejor con mis habilidades.

Prueba Codecademy: aprende a codificar de forma interactiva de forma gratuita o aprende a codificar haciendo | Código escolar. Ambos le permiten resolver físicamente las cosas y aplicar la teoría, mientras le enseña la teoría en partes aplicables. Esos sitios web son cómo aprendí a codificar para la web. La siguiente etapa, una vez que haya terminado con ellos, es elegir un problema que desee resolver, abrir MDN y comenzar a agitar. No necesitará ninguno de esos sofisticados administradores de paquetes o herramientas de compilación para su primera aplicación, y los marcos pueden venir más tarde. Una vez que haya resuelto o trabajado en varios de estos proyectos y se sienta sólido usando JavaScript puro para manipular el DOM, etc., continúe usando jQuery. Una vez que haya terminado con eso, y se sienta cómodo escribiendo aplicaciones web sin un marco, puede elegir un marco. Recuerde, cuando digo “cómodo” no quiero decir que nunca tenga que buscar nada. Solo quiero decir que debe poder hacer las cosas más razonables sin verificar StackOverflow y debe saber cómo quiere hacer las cosas, incluso si no conoce la sintaxis exacta.

El desarrollo web se refiere en general a las tareas asociadas con el desarrollo de sitios web para alojamiento a través de intranet o internet. El proceso de desarrollo web incluye diseño web, desarrollo de contenido web, secuencias de comandos del lado del cliente / servidor y configuración de seguridad de red, entre otras tareas. Para aprender programación web, debes seguir estos pasos

# 1) Trate de saber qué es un sitio web: es una colección simple de páginas web, multimedia, etc. que se puede identificar mediante un nombre de dominio común y se publica en un servidor. Puede ser un sitio web personal, un sitio web comercial, un sitio web del gobierno o un sitio web de una organización sin fines de lucro. ¿Cuáles son los principales actores?

• Servidor web
• Lenguajes de marcado
• Secuencias de comandos del lado del cliente
• Scripting del lado del servidor
• Protocolos (http)
• Navegadores

# 2) Rastrear el recorrido completo del servidor : desde escribir google en el navegador hasta cargar la página completa.

# 3) Conozca la razón detrás de las características básicas: por ejemplo , ¿por qué http no tiene estado? Papel de la sesión para superar esto?

# 4) Comience a aprender HTML y poco JavaScript: comience con videos instructivos sobre cómo configurar su entorno de desarrollo, repase los conceptos básicos de HTML5, como la estructura de documentos válida, qué elementos se pueden incluir dentro de otros elementos y cuáles no. Concéntrese en aprender los fundamentos del lenguaje Javascript.

• Etiquetas basicas
• Marquesina
• Alerta, cambiar el color de fondo de la página a través de JavaScript, etc.
• Diviértete jugando con html, javscript y css

# 5) secuencias de comandos del lado del servidor

• Comience con php
• Utilice todos los elementos de entrada necesarios: escriba elementos y cree formularios
• Validar formulario con javascript simple
• Recupere los datos del formulario enviado y muéstrelos a través de php

Estas fueron las etapas iniciales para el aprendizaje del desarrollo web; para obtener más información, le recomendaría que consulte Hackr.io: encuentre y comparta los mejores cursos y tutoriales de programación en línea o Lynda: cursos en línea, clases, capacitación, tutoriales

Primero, debe tener una idea clara de cuál es su aplicación web. ¿Qué se supone que haga? ¿Cómo se ve la interfaz de usuario? ¿Necesita un almacén de bases de datos? Defina la funcionalidad específica para su aplicación, punto por punto.

Entonces, necesitas diseñar tu programa. ¿Cómo puede implementar cada punto de funcionalidad en su aplicación? Diseñe la interfaz de usuario para que pueda codificarla en HTML y CSS. Si necesita una base de datos, defina las tablas o estructuras de la base de datos.

Armado con su diseño, puede comenzar a codificar la aplicación. Escriba el código HTML y CSS necesario para la interfaz de usuario. Comience a escribir las funciones que hacen el trabajo real detrás de la funcionalidad de su aplicación. Divide la funcionalidad en piezas más pequeñas y manejables para trabajar; no intentes hacer todo de una vez.

Una vez que completa la codificación, comienza a probar (y probablemente a depurar) su programa. Diagnostique los errores y corríjalos, es mucho más difícil de lo que piensa.

No entraré en la implementación del servidor de producción; tienes suficiente en tu plato.

La mejor manera depende de tus objetivos. No importa cuáles sean, comience con recursos gratuitos o económicos : Codecademy es un recurso gratuito sólido y Team Treehouse tiene un excelente curso económico. Vea si realmente le gusta el desarrollo web antes de sumergirse de cabeza.

Una vez que tenga algo de sintaxis, intente construir un proyecto real. ¿Qué es algo que desearías tener? No intentes construir Uber, comienza con algo básico, como una lista de compras. Desea encontrar proyectos que sean accesibles para su nivel de habilidad, pero lo suficientemente desafiantes como para empujarlo a aprender nuevos conceptos.

Cuando esté listo para comprometerse, revise los bootcamps de codificación. Son programas acelerados que le enseñan habilidades prácticas de codificación en un corto período de tiempo. Ya que estás en la universidad, podrías considerar ingresar a un campamento de entrenamiento a tiempo completo durante tus vacaciones de verano, aunque eso sería un gran compromiso de casi todo tu tiempo durante unos meses. Tómate eso en serio.

Pensativo, el campo de entrenamiento en el que trabajo, ejecuta un programa en línea de tiempo completo, pero hay muchas escuelas excelentes por ahí. Echa un vistazo a Turing School, Hack Reactor, Sabio: la lista continúa. Lo más probable es que encuentre algunas buenas opciones que estén en línea o en su área local, luego puede reducirlas desde allí.

Querrá elegir según algunas cosas: apoyo, resultados y sensación general. Para apoyo, ¿qué tipo de instrucción recibirás? ¿Eres un estudiante en un salón de clases? ¿Aprendes directamente con un mentor o tutor? Los estudiantes tienden a desempeñarse mejor en situaciones 1 a 1, pero de lo contrario podría sentirse más cómodo.

Los resultados también son tremendamente importantes. Vea si la escuela informa cuántos de sus graduados obtienen trabajo, qué sucede con sus salarios después de ser contratados, y así sucesivamente. Verifique que esos resultados hayan sido auditados por un tercero. Si una escuela no está dispuesta o es evasiva a la hora de compartir esta información, ¿por qué? Cuando alguien le promete un resultado, debe respaldarlo.

Un último punto: los programas de tiempo completo no son su única opción. Thinkful tiene un Bootcamp de desarrollo web flexible, que puede tomar a tiempo parcial (en teoría, además de sus cursos). Otros bootcamps también ofrecen esto. En este curso, pasas mucho tiempo leyendo y construyendo proyectos, como lo harías en las clases universitarias, pero aprendes directamente con un mentor experto, con quien te reúnes 1 a 1 para elaborar conceptos, construir proyectos y Haz crecer tu comprensión.

suscriba el foro y obtenga ayuda de expertos: Desarrollo web – Excelente respuesta

El patrón básico de aprendizaje es como tal:

1. Lea un libro, tutorial u otra fuente sobre cómo hacer la tarea X
2. Aplique este conocimiento adquirido en un área similar. Por ejemplo, lea sobre cómo hacer un círculo a partir de un div, luego hágalo.
3. Desarrolle su sistema con su propio pensamiento; cómo hacer diferentes tipos de círculos, puedes hacer círculos en círculos, puedes hacer que formen los anillos olímpicos.
4. Ahora busque soluciones a su problema más avanzado en la web. Compare cómo lo han hecho otros, en comparación con cómo lo hizo.
5. Enjuague y repita.

Aprender para mí es leer y cometer errores. Cuando comete un error, eso no debe tomarse como “No hice esto correctamente”, debe tomarse como “Bueno, ahora estoy mejorando”. Como humanos, aprendemos de los errores a veces mejor que de no cometer errores.

(Como nota al margen, recomendaría usar un entorno como Bracks más que un simple editor de texto sin formato. Hay muchos errores que se hacen fácilmente y tienen un valor bajo, por ejemplo, un orden incorrecto de las etiquetas de apertura y cierre, que el software puede encontrar para ti)

El desarrollo web para mí es un campo interesante. Lo primero que aprendí, recuerdo que en 2007 era HTML, luego aprendí CSS después. Me tomó un par de años más aprender JavaScript.

Pero con el advenimiento de todos estos marcos web innovadores e interminables que existen hoy en día, es fácil pensar que es imposible comenzar o aprender el desarrollo web, pero esto no es cierto. Porque lo básico del desarrollo web sigue siendo el mismo hoy. HTML → CSS → JavaScript → (Para cualquier lenguaje del lado del servidor como PHP, Ruby on Rails …).

Aprendizaje Los primeros 3 solo lo llevarán de desarrollador web de nivel cero a nivel intermedio. Y una cosa interesante de la programación es que en el momento en que aprendes un idioma como JavaScript muy bien, es fácil comenzar con cualquier otro lenguaje como PHP u otros marcos de JavaScript como Angular 2. Te recomiendo que aprendas ES6 si quieres comenzar .

Hoy desarrollo aplicaciones web principalmente usando Ruby on Rails y Angular 2 + Bootstrap CSS y UI semántica. El desarrollo web es divertido y desafiante, pero vale la pena invertir tu tiempo, ya que nunca te arrepentirás y tienes la garantía de recibir ofertas de trabajo o incluso convertirte en trabajador independiente desde casa si eres realmente bueno con él.

El desarrollo web continuará creciendo y evolucionando, nunca pasará de moda y nunca es demasiado tarde para comenzar.

Gracias por A2A !!

Para ser un buen desarrollador, necesitas tener dos habilidades, la primera es obviamente la codificación y la otra es diseñar y para ser un buen diseñador necesitas tener una mente o pensamiento creativo.

Entonces, ¿cómo empezar?

Primero comience con los lenguajes de fuente como HTML y CSS, etc. y luego vaya al desarrollo de back-end para el desarrollo de back-end, hay muchas opciones como php, python, node-js, etc.

Y tan pronto como haya terminado con la parte de codificación, comience a aprender a diseñar, ya que aumentará su habilidad y su valor.

Aquí hay algunos enlaces para que comiences

HTML-Learn HTML 5 – Los mejores tutoriales de HTML 5 | Hackr.io

CSS- Learn CSS – Los mejores tutoriales de CSS | Hackr.io

JavaScript-Learn JavaScript – Los mejores tutoriales de JavaScript | Hackr.io

¡¡Todo lo mejor!!

Te contaré una historia. Leí libros sobre php y copié HTML para crear un sistema de registro de cursos. Me llevó 2 meses construir un sitio web sin estilo en 2004. Después de graduarme en 2007, olvidé por completo lo que hice.

Empecé de nuevo. Tengo un buen mentor. Me quedé atrapado en varias cosas. El me ayudo mucho.

Lo primero es mirar cualquier sitio web. Piensa en cualquier idea que tengas. Comience con HTML y diseñe con CSS. Luego, conéctelo con el backend (lo más fácil es PHP). Luego recupera datos de MySQL.

Mira algunas especificaciones del proyecto en upwork.com. Haz un esfuerzo extra. Configure cualquier VPS como digitalocean.

Por cierto, estoy trabajando en Cabonline ahora 🙂

Cuando decidí comenzar el desarrollo web, me quedé atrapado por un tiempo. Quiero decir, sé que quiero aprender a programar con HTML, CSS y JavaScript, pero ¿cómo puedo lograr esto? ¿Hay un curso en línea o un libro electrónico? Entonces, recurrí a mi viejo amigo, Codecademy. En ese momento, solo tenía un curso en HTML y CSS (ahora tiene dos, además de un curso sobre ‘Cómo hacer un sitio web’). Rápidamente comencé a aprender y fue bastante fácil. Después de terminar el curso, me embarqué en un viaje para hacer mi primer sitio web. Fue todo un éxito, en realidad. Mientras hacía ese sitio web, aprendí más que cuando aprendí en Codecademy. Esto no significa que Codecademy no sea bueno, me encanta, pero así es como funciona. Primero pensé en un sitio web en mi cabeza y me pregunté, ¿cómo puedo hacer que esto sea cierto? Todo lo que no sabía hacer, busqué en Google y encontré una respuesta muy rápida. Cada vez que quería aprender algo nuevo, pensaba en un sitio web ideal para construir y lo construía. Es sorprendente cuánto puede aprender simplemente usando su imaginación y Google y ocasionalmente Stack Overflow. Esta es, creo, la forma correcta de aprender el desarrollo web.

Nunca dejes de aprender. Concéntrese en estas simples palabras y aprenda todo lo que pueda. La práctica es lo mejor para el autoaprendizaje: estudiar, intentar fallar y repetir.

La pasantía de todos modos es el mejor lugar para aprender: 3 meses de pasantía equivalen a 6 meses de autoaprendizaje.

Aquí está mi blog de desarrollo web: DailyGit | Consejos para desarrolladores web

No aprendes a jugar tenis leyendo un libro, lo haces en una cancha. No aprendes a jugar al fútbol leyendo, lo haces pateando una pelota.

Obtenga un IDE gratuito para trabajar y siga algunos tutoriales simples, estoy seguro de que con Google encontrará mucho. Si comete errores, comprenda por qué y continúe. No copie y pegue, escriba todo usted mismo para asegurarse de aprender y comprender. Pregunta constantemente por qué algo es como es y cómo funciona. Modifique los ejemplos para ver el efecto. Escribe lo que aprendes. Haz, haz, haz hasta que se convierta en una segunda naturaleza.

Luego, piense en un proyecto y créelo desde cero, es decir, un sitio web de tienda simple. Haga algo a un nivel simple y comprenda el enfoque, es decir, el diseño modular, etc. entienda por qué el enfoque es bueno, etc.

Aprenderás haciendo. 🙂

Google, Google y Google.

stack overflow es tu mejor amigo para resolver cualquier tipo de desafío o dificultad técnica.

codecademy y w3school son excelentes lugares para comenzar. Ahí es donde empecé.

La academia Khan también es un buen sitio para pagar.

Aprender a codificar es un excelente punto de partida. Después de eso, un gran recurso para consultar y verificar a menudo es CSS-Tricks.

Para jugar y aprender, recomiendo probar http://www.codepen.io

¿Aparte de algunos años de experiencia escribiendo programas?

La relación entre el servidor y el navegador.

Algunos lenguajes del lado del servidor (algunos lenguajes de programación y algunos SQL, al menos).

Javascript (para ejecutar en el navegador).

AJAX (para comunicarse entre el navegador y el servidor).

Solo para empezar.

Primero, necesitas aprender HTML, CSS y javaScript. Esto lo colocará en el camino correcto para aprender otros idiomas y marcos web. Una vez que tenga una buena base con lo anterior, puede verificar los marcos js como Angular, Ember, React, etc.

Bueno, puedo responder a esta pregunta, estaba en la misma situación cuando quería estudiar un curso de desarrollador web Full Stack, aprendí a codificar en Aprende a codificar y ayudar a las organizaciones sin fines de lucro es gratis y obtienes una cartera realmente sólida para tu trabajo, es mi favorito personal.

Hay varios otros cursos en línea que puede hacer de forma gratuita y algunos son de pago, algunos de ellos son: –

1. Aprenda a codificar y ayudar a organizaciones sin fines de lucro – Free Code Camp – Mi favorito personal para el desarrollo web
2. Cybrary – Capacitación en línea sobre seguridad cibernética, gratis, para siempre – ¡Una vez más, mi favorito personal para la piratería de aprendizaje o las pruebas de penetración lo que amas!
3. edX: educación en línea gratuita
4. Khan Academy – Gratis
5. Udacity – Clases gratuitas en línea y nano grados – Algunos son gratuitos y otros de pago