Quiero aprender desarrollo web. ¿Por dónde debería empezar?

Buena pregunta. Para aprender sobre desarrollo web, lo primero que debes aprender es HTML, seguido de CSS y luego JavaScript. HTML, CSS y JavaScript son los lenguajes de interfaz utilizados para crear una interfaz web. Una vez que haya dominado esas habilidades, querrá aprender una tecnología de servidor o de servidor, como Node, js, Ruby on Rails o Python.

CodeAcademy y Treehouse son excelentes recursos de aprendizaje si eres un principiante en codificación. CodeAcademy te permitirá experimentar y aprender la sintaxis en un entorno interactivo, y Treehouse tiene miles de videos de cursos que puedes ver.

Si descubre que podría beneficiarse de una estructura adicional, considere un programa más inmersivo. Thinkful ofrece un curso Frontend Web Development que cubre todo, desde HTML semántico hasta AJAX, incluyendo CSS, jQuery y JavaScript. También ofrecen cursos Full Stack Flex (tiempo parcial) e Ingeniería de inmersión (tiempo completo). Soy un mentor en Thinkful, yo mismo!

Independientemente de la ruta que tome, un buen conocimiento de los conceptos frontend y del lado del servidor y de los fundamentos de la programación le ayudará a comenzar con el pie derecho.

Si bien el desarrollo web es un término bastante genérico, he seguido el camino de Microsoft durante unos 20 años.

Escribí específicamente una publicación sobre cómo convertirse en un desarrollador web de Microsoft si está interesado.

¿Cómo empiezo a trabajar como desarrollador web de Microsoft?

(resumen rápido del post)

En cualquier caso, necesitas conocer la “Trinidad de la Web”

  • HTML (lenguaje de marcado de hipertexto)
  • CSS (hojas de estilo en cascada)
  • JavaScript

Estas tres tecnologías son absolutamente críticas para comenzar su carrera de desarrollo web.

Después de dominarlos, entonces debe decidir si seguir adelante como desarrollador del lado del servidor o simplemente convertirse en un desarrollador de front-end.

Si avanza con las tecnologías del lado del servidor, puede elegir entre una variedad de idiomas del lado del servidor.

BuiltWith tiene una buena idea de lo que son los idiomas populares en el mundo (Tecnologías de Framework Web Usage Statistics).

  • PHP
  • ÁSPID. RED
  • DO#
  • F#
  • VB.NET
  • Java
  • Finalmente, si desea profundizar en la capa de datos, puede obtener información sobre bases de datos como SQL Server, mySQL, Oracle, Firebird, MongoDB y varias otras.

    Una vez que entienda cómo se crean las aplicaciones web, su título de carrera podría ser …

    Desarrollador Full-Stack!

    (dum-dum-da-dum) 🙂

    Espero que esto haya ayudado.

    (¡No te olvides de votar!)

    Como usted puede saber hoy en día, hay muchas y muchas plataformas para estudiar sobre desarrollo web. Sin embargo, la mayoría de ellos no son gratuitos o no proporcionan ningún tipo de información útil. Pero el resto son buenos. Así que aquí está mi lista de favoritos:

    Codeacademy es lo mejor para aquellos que buscan un curso intensivo en desarrollo web. No profundiza en muchos temas, pero le brinda información suficiente para comenzar de inmediato.

    . Codeacademy es una plataforma interactiva que ofrece clases de codificación completamente gratuitas en diferentes lenguajes de programación, incluyendo Python, Java, PHP, JavaScript, Ruby, SQL y también lenguajes de marcado HTML y CSS. En su mayoría enseña un lenguaje de programación específico de principio a fin. A lo largo del curso, trabajará en tres proyectos principales: crear un sitio web básico, un sitio web interactivo y una aplicación de rieles.

    CodeFights es otra plataforma donde puede resolver los desafíos de programación con amigos, compañeros de trabajo y empresas. El punto principal es “luchar” contra los oponentes, escribiendo código para problemas específicos tan pronto como sea posible. Tu oponente puede ser un luchador al azar o un jugador real.

    Luchador aleatorio significa que alguien no se ha unido a la pelea en la que te encuentras y te emparejarás con alguien más tarde y esa persona que se une a tu pelea, más tarde, irá contra ti como si fuera en tiempo real.

    Para cada combate hay 3 tipos de tareas, que son: corrección de errores, recuperación y codificación de códigos.
    1) Corrección de errores: en esta tarea hay exactamente un error en una línea. Debes encontrarlo y arreglarlo.
    2) Recuperación: en este caso, falta alguna área del código. Debes entenderlo y recuperarlo, es decir, escribirlo tú mismo.
    3) Escritura de códigos: aquí debe comprender los requisitos del algoritmo e implementar la función dada. Cuando ejecuta su código, solo se ejecuta en algunos de los casos de prueba, pero cuando lo envía, se ejecuta en todos los casos.

    Para obtener más fuentes e imágenes, puede seguir el enlace 5 Fuentes gratuitas para aprender Desarrollo web en línea

    Espero que esto le ayude a encontrar con éxito una plataforma que sea útil para sus estudios.

    No poseo ninguno de estos enlaces, son solo atribución.

    Mi sugerencia para usted sería proceder de la siguiente manera:

    • Aprende los conceptos básicos de HTML y CSS
    • Comienza a aprender cómo funciona el Javascript de vainilla.
    • Comprenda si desea ser un desarrollador de frontend, backend o full stack. Para ello puedes hacerte un par de preguntas:
    • ¿Me gusta diseñar y tener comentarios visuales de lo que hago?
    • ¿Prefiero establecer la lógica de cualquier aplicación dada?

    El mejor recurso gratuito que hay para aprender HTML y CSS en mi opinión es FreeCodeCamp. También tienen recursos bastante buenos sobre javascript de vainilla. Úsalos para sumergir tus dedos en la tecnología y luego comienza a jugar con ella.


    Edición: Me di cuenta de cuánta gente tiene serias dudas sobre cómo comenzar a aprender el desarrollo web. Por esta razón, creé un libro electrónico corto y dulce que pasa por un proceso paso a paso y le proporciona una gran cantidad de datos y recursos para cada tecnología con la que trato. Espero que pueda ayudarte a convertirte en el desarrollador que quieres ser.

    Soy un desarrollador web autodidacta y he estado haciendo desarrollo web durante más años de los que me importa contar.

    Mi consejo es comenzar con lo más básico, y solo lo más básico. No corras antes de que aprendas a caminar. Baje los fundamentos y vaya subiendo gradualmente.

    Al principio, querrá aprender HTML 5. Luego, aprenderá CSS 3 (que se superpondrá rápidamente con HTML 5). Enfóquese en estos al principio. Son fundamentales y * todo * lo que hagas en desarrollo web se desarrollará sobre esta base. Udacity tiene una buena clase gratuita para comenzar: Introducción al curso en línea de HTML y CSS | Udacity. Hay un montón de otros, tutoriales en línea, libros, etc.

    Después de obtener lo básico, comenzarás a ramificar. Querrás comenzar a aprender cómo funciona el diseño responsivo. No tienes que dominarlo, sino entender el por qué y el modo básico de hacerlo.

    Una vez que tienes esas cosas abajo, es posible que desees mirar un marco como Bootstrap. Tendrá más sentido cuando llegues a ese punto.

    En algún momento, querrás aprender los conceptos básicos de Javascript. Aquí es donde comenzarás a profundizar en la programación real . No te quedes atascado tratando de dominar Javascript todavía. Solo entienda los conceptos básicos de cómo funciona en sus proyectos por ahora. Aprender jQuery te ayudará al principio, pero primero debes entender los conceptos básicos de Javascript.

    Una vez que haya pasado los tutoriales de introducción y los proyectos de clase, le recomiendo trabajar en sus propios proyectos únicos. Encuentra las páginas web razonables que te gustan y aprende a duplicar el aspecto de ellas. No solo copie su código, sino trate de averiguar cómo lo hicieron. A medida que creas tus propios proyectos, aprenderás a empezar a pensar como un desarrollador web.

    Una vez que haya llegado a este punto de su aprendizaje, querrá comenzar a preguntar dónde quiere ir a continuación. Si su interés se centra principalmente en las imágenes y las interfaces con las que interactúa un usuario, entonces se centrará en el desarrollo web frontend.

    Si tiene un mayor interés en la programación que se lleva a cabo entre bastidores, entonces comenzará a profundizar en el desarrollo web de back-end. Aquí es donde PHP, Node.js, Django, Rails, .NET y muchas otras opciones entran.

    Si eres como yo y disfrutas tanto de la parte frontal como de la posterior, entonces pasarás al desarrollo web de fullstack, donde podrás hacerlo todo. Lo bueno de esto es que es divertido y se mantiene interesante. El inconveniente es que tiene menos tiempo para dominar cualquier área específica de desarrollo.

    Todo esto es mi opinión, y estoy seguro de que otros desarrolladores pueden tener sugerencias o cambios a lo que he mencionado.

    Pruebe sololearn sololearn.com para obtener conceptos básicos y pruebas.

    Estudie en codecademy.com para practicar y aprender conceptos con cada ejemplo elaborado.

    Sigue visitando temas en W3Schools Online Web Tutorials para practicar y aprender.

    Clasificaría el nivel de dificultad del curso en estos sitios web w3schools> Codeacdemy> sololearn. (basado en la profundidad del contenido).

    Después de aprender conceptos, intente clonar un sitio web. Si deja de practicar, olvidará los conceptos que ha aprendido.

    Use Brackets Un moderno editor de código de código abierto que entiende el diseño web o Atom Un editor de texto hackeable para el siglo XXI (editores de código de código abierto) para codificar.

    A2A
    Primero, aprende los conceptos básicos de HTML y CSS. Familiarícese con JavaScript (inicialmente), pero recomendaría mirar un lenguaje con un marco web, por ejemplo, Ruby on Rails, Python con Django o Flask, etc. Eso hará la vida más fácil, ya que el marco se manejará mucho. El trabajo administrativo para usted y usted no tendrá que escribir su propio código para todo.
    Si bien JavaScript es muy popular, no es la única solución. TypeScript, Dart, et al. puede crear un código compatible con JavaScript y puede ser más fácil trabajar con él (no le pedimos que ignore JavaScript de vainilla, solo proporciona algunas opciones).
    Vaya al desarrollo de pila completa, es decir, familiarícese con las bases de datos, especialmente utilizando una biblioteca de middleware como SQLAlchemy para que no tenga que trabajar directamente con SQL.
    Si bien hay muchas herramientas disponibles en la actualidad que lo “protegen” de HTML, aún debe aprender a codificar a mano, ya que le ayudará a resolver problemas y le dará una mejor idea de lo que está sucediendo en el marco de la solución de problemas. capucha.

    Hola,

    Puedo hablar sobre este tema: en realidad trabajo en BrainStation, una escuela tecnológica que enseña desarrollo web a través de una variedad de cursos. Tenemos campus en Toronto, Vancouver, Costa Rica y Nueva York con los que puede programar visitas si se encuentra en el área, así como una opción de desarrollo web en línea si no se encuentra cerca o si prefiere la libertad de aprender. cualquier ubicación.

    El Bootcamp de desarrollo web a tiempo completo de BrainStation es definitivamente una de las mejores opciones a considerar. El contenido está dirigido por la industria y siempre se está adaptando para enseñar lo último en tecnología. BrainStation se centra en la enseñanza de todo el material que necesita saber para comenzar un nuevo trabajo como desarrollador web después de la graduación. Nuestro programa es un compromiso de 10 semanas a tiempo completo de lunes a viernes de 10 am a 6 pm Un día en la vida de clase incluirá lecciones, actividades, carreras, trabajo en grupo, 1on1, y más. También enfocamos una gran cantidad de contenido en el desarrollo profesional para ayudarlo a prepararse para conseguir un trabajo.

    Si desea comenzar a aprender Desarrollo web y no está listo para comprometerse con un curso de tiempo completo, BrainStation ofrece cursos de tiempo parcial, así como talleres de fin de semana que son un excelente lugar para comenzar.

    En cuanto al entorno en el que estarías aprendiendo, nuestros campus son modernos y se encuentran en el corazón de la tecnología en todas las ciudades. Nuestros educadores son profesionales de la industria de primera línea y provienen de empresas líderes, por lo que pueden ofrecerle una perspectiva del mundo real sobre cómo es ser un Desarrollador.

    Hemos hablado sobre el contenido, los educadores y los campus, así que vamos a conocer algunas de las funciones que recibiría como alumno / alumno de BrainStation.

    Eventos de liderazgo del pensamiento, paneles y series de oradores. Trabajamos constantemente con compañías líderes que van desde Shopify, Facebook, Hootsuite, lululemon, etc. para brindar oportunidades increíbles para que nuestros estudiantes de tiempo completo reciban contenido de aprendizaje auxiliar para su currículo de Desarrollo Web. Esto solo ayudará a aumentar su conocimiento y lo hará más competitivo en el mercado laboral.

    Precios para exalumnos: ofrecemos precios especiales para exalumnos a todos los graduados del programa a tiempo completo en nuestros talleres de medio tiempo y de fin de semana.

    Como mencioné anteriormente, ¡la mejor manera de que nos conozcas es visitándonos en persona! Póngase en contacto a continuación para programar un recorrido en persona por nuestros campus ubicados en todo el mundo.

    [email protected]
    [email protected]
    [email protected]
    [email protected]

    ¡Espero que esto ayude!

    Gracias por A2A. Puedes unirte a cualquier institución para aprender desarrollo web. O puede comenzar a aprender en línea usando Youtube u otros sitios web como

    Tutoriales en línea de W3Schools en línea

    Tutoriales para Java Concurrencia, Spring AOP, Gerrit, Spring MVC, Apache Solr, Excel Power View, Sencha Touch, Tex Comandos, Agile Test, Apache Tajo, C ++ Library, MariaDB, SAP QM, SAP SOLMAN, SAP SCM, MS Access, KoaJS , OAuth2.0, Scrapy, SAP CCA, SAP PM, SAPUI5, Cognos, Internet of Things, Marketing rural, Trampolining, Golf, CakePHP, SAP EWM, Web Dynpro, Angular2, Framework7, Arduino, CherryPy, Firebase, SAP C4C, SAP Panel de control, SAP PI, ExpressJS, Design Thinking, Internet Security, PyGTK, Apache Drill, Excel Charts, Elastic Search, Seguridad informática, Programación extrema, Desarrollo impulsado por el comportamiento, Optimización de la tasa de conversión, Base de SAP, Derecho empresarial, Kanban, Erlang, Nómina de SAP , ASP.Net WP, PouchDB, MFC, SAP HR, Yii, Clojure, Aurelia, CoffeeScript, CPanel, Laravel, SAP Webi, MS SQL Server, pinterest, Indian Polity, Teradata, Windows10

    Cursos en línea de Udemy – Aprenda cualquier cosa, en su horario

    W3Schools es la mejor plataforma para aprender diseño y desarrollo web.

    Encantado de ayudarte.

    Sígueme para aprender más y mantener tu voto.

    si !!!!! Hay muchos sitios web en línea, desde allí puedes aprender sobre diseño web.

    ONLINE → puedes estudiar esos marcos en W3SCHOOLS

    MÓVIL → puede buscar aprender css fuera de línea, aprender bootstrap fuera de línea en las tiendas de juegos

    YOUTUBE → webdecal lecciones

    LIBROS → tecnología web (libro BE / B.Tech)

    después de conocer todos los conceptos, comience a convertir PSD – archivo HTML. Al hacer esto puedes desarrollar tu lenguaje de codificación.

    visita Web Design Company en la India | Diseño Web Responsivo

    Creo que las respuestas tradicionales se trabajarán a través de HTML / CSS / Javascript y luego elegir un lenguaje de fondo. Otros dirían que comienzan a aprender los principios de la informática y luego los aplican al desarrollo web.

    Ambos puntos son precisos. Sugeriría freecodecamp o codecademy y probarlos durante un par de horas. Asegúrate de disfrutar jugando con nuestro tipo particular de acertijos. Luego, si te venden en lo que estás haciendo, sigue las líneas de pensamiento tradicionales. Un par de horas jugando con él lo alentará o lo desanimará. Asegúrate de que sea algo que quieras.

    “Una persona no puede hacer nada mejor que comer y beber y encontrar satisfacción en su propio trabajo”. Ya sea que compre o reconozca la fuente, hay mucha sabiduría en esa cita.

    Aprenda a codificar con cursos en línea gratuitos, proyectos de programación y preparación de entrevistas para trabajos de desarrollador.

    Empieza a aprender en la casa del árbol gratis

    Lynda: Cursos en línea, Clases, Capacitación, Tutoriales

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

    CONSTRUIR SITIOS WEB …

    Elija una tecnología (ej .: PHP, Javascript), una herramienta (ej .: Jquery) y un entorno (HTML, CMS; sitios de hospedaje de Windows o Linux).
    Desde este punto, comience a desarrollar proyectos (el suyo o de amigos / clientes) para tener experiencia profesional.
    ¡Y mucho estudio!
    Pero no sigas pensando que WebDev (o cualquier profesión) es simplemente “aprender tecnología”. Aprende cosas útiles para tu vida (educación financiera, por ejemplo) también.

    La clave para aprender el desarrollo web es simple.
    Aprende lo siguiente con el paso del tiempo.

    Photoshop 30 días.

    Aprender los fundamentos básicos de Photoshop. Todo lo que tienes que hacer es aprender sobre Photoshop que funciona bien.

    HTML 30 días y CSS 60 días.

    En este video anterior, aprenderá los conceptos básicos de HTML CSS. Primero aprende sobre HTML cómo estructuramos nuestros sitios web. CSS se utiliza para estilizar el contenido en la web. Es tan fácil que en pocas horas te encantará codificar HTML y CSS.
    Dificultad rango de 0 a 10.
    HTML: 4/10
    CSS: 8/10

    Javascript 40 dias.

    Javascript no es Java. Es para fines web. Javascript se utiliza para agregar interactividad en sitios web como validaciones de formularios y agregar controles deslizantes de imágenes. Más trabajas en ello. Aprenderás más cosas al respecto.

    jQuery 30 días.

    jQuery es la forma avanzada de Javascript. Hay muchas bibliotecas que están listas para usar.

    PHP 365 días.

    El tutorial anterior trata sobre PHP, que cubre los conceptos básicos. Pero desde el principiante absoluto, debes buscar en YouTube y seleccionar tu propio profesor. PHPAcademy en YouTube es uno de los mejores canales de aprendizaje de PHP.

    Y la mejor práctica para aprender estos idiomas es comenzar desde lo básico hasta lo avanzado.
    Básico significa aprender sobre Photoshop.
    Aprende a crear un hermoso diseño en Photoshop que debería ser un píxel perfecto.
    Luego aprende HTML CSS. Ahora es el momento de convertir ese diseño en código.
    Después de aprender Javascript y jQuery, podrás agregar animaciones en sitios web.

    Después de aprender PHP, podrás convertir tus sitios web estáticos en dinámicos.
    Estas cosas necesitan mucho tiempo para aprender. Pero hay muchos tutoriales disponibles para aprender sobre desarrollo web.

    La mejor de las suertes.

    ¿Qué cosas quieres aprender en Desarrollo Web?

    ¿Back-end o front-end?

    ¿Comenzar para Back-end?

    Si quieres empezar debes comenzar con PHP. Le enseñará los conceptos básicos de desarrollo de back-end y gestión de bases de datos. Sí, es viejo, pero eso es un argumento pro. Tiene una gran comunidad en Stack Overflow y en cada una de las otras redes.

    ¿Empezar por Front-end?

    Si desea comenzar con Desarrollo de front-end, comience con HTML, CSS y JS (Sí, también un back-end con Node.js). Para dominar tus habilidades en Front-end debes usar LESS o SASS, también algo como Angular.js o React.

    Aprender los dos

    Comenzar a aprender los dos es realmente fácil. Simplemente siga los pasos que escribí en la parte superior. ¡Pero debes comenzar con Front-end! ¿Por qué? Sin ningún conocimiento en el desarrollo de aplicaciones para usuario, no puede llevar el trabajo de administración a su pantalla.

    Buena suerte con el aprendizaje

    Daniel

    (¿Necesitas un sitio web? Contáctame en

    thedcdesigns.com)

    Vamos a empezar desde lo básico.

    APRENDER

    1. HTML
    2. PHP
    3. OOP PHP
    4. CSS
    5. Java
    6. Script de Java
    7. Pitón
    8. Rubí
    9. C / C ++
    10. Cáscara
    11. DO#
    12. R
    13. .Red
    14. Perl
    15. Ir
    16. WordPress

    y muchos más…. Buena suerte…

    Comience con una razón para aprender desarrollo web. Estoy hablando de darte un objetivo tangible y obtenible para enfocarte.

    Sin una razón, se aburrirá hasta las lágrimas y no obtendrá tanto de su aprendizaje como lo haría si tuviera un enfoque tangible. Además, tendrás algo útil cuando hayas terminado de aprender.

    Una vez que sabes lo que quieres hacer, es cuestión de buscar en tu camino a la respuesta. Las otras respuestas aquí hablan de las tecnologías correctas, pero la tecnología específica que elija no importa tanto como la razón por la cual se está desarrollando en primer lugar.

    Así que imagínese el resultado final, y encontrará que las preguntas correctas que debe hacer simplemente vienen naturalmente.

    Si está interesado en la programación del lado del servidor, lea este artículo, que le explica cómo desarrollar su carrera en el desarrollo web: Desarrollo web del lado del servidor

    Como ven aquí, hay demasiadas formas de aprender el desarrollo web. Como estudiante de desarrollo web, yo mismo he probado muchos métodos, entre ellos, encontré Freecodecamp Learn para codificar y ayudar a las organizaciones sin fines de lucro, la forma perfecta de aprender. Freecodecamp ofrece un plan de estudios que da importancia al conocimiento práctico. Estoy bastante seguro de que si puedes completar todo el curso, serás un gran desarrollador web. Y la mejor parte es completamente GRATIS.

    Aprenda a codificar con cursos en línea gratuitos, proyectos de programación y preparación de entrevistas para trabajos de desarrollador.