¿Cómo comenzar a programar desde cero? Estoy interesado en el desarrollo de sitios web. ¿Cuáles son los pasos para un novato?

HTML es la base del desarrollo web y CSS proporcionará el estilo del contenido. Como los sitios web creados por HTML y CSS no pueden crear páginas dinámicas. Para eso debes tener claro el concepto de HTML5, Bootstrap, JavaScript, DOM y AJAX. Siga los pasos en el mismo orden.

  1. DOM:

El HTML DOM es un modelo de objetos estándar y una interfaz de programación para HTML. Se define:

  • Los elementos HTML como objetos
  • Las propiedades de todos los elementos HTML.
  • Los métodos para acceder a todos los elementos HTML
  • Los eventos para todos los elementos HTML.

En otras palabras: el HTML DOM es un estándar sobre cómo obtener, cambiar, agregar o eliminar elementos HTML.

2. JavaScript:

JavaScript está presente en la mayoría de las páginas web de hoy. Lo más probable es que la página que estás viendo ahora contenga el código de JavaScript. Prueba esta actividad: haz clic derecho en una página web y luego haz clic en “Ver código fuente”. Debería poder encontrar la palabra JavaScript en algún lugar del código de la página.

Mientras que el lenguaje de marcado HTML permite a los desarrolladores web formatear contenido, JavaScript les permite dinamizar la página. Por ejemplo, HTML permite poner el texto en negrita, crear cuadros de texto y crear botones, mientras que JavaScript permite cambiar el texto en la página, crear mensajes emergentes y validar el texto en los cuadros de texto para asegurarse de que se hayan completado los campos requeridos. JavaScript hace que las páginas web sean más dinámicas al permitir a los usuarios interactuar con páginas web, hacer clic en elementos y cambiar las páginas.

3. Bootstrap:

  • Funciones receptivas : el CSS receptivo de Bootstrap se ajusta a teléfonos, tabletas y computadoras de escritorio
  • Enfoque móvil primero: en Bootstrap 3, los estilos móvil primero son parte del marco central
  • Compatibilidad del navegador: Bootstrap es compatible con todos los navegadores modernos

4. HTML5:

  • Trabajadores web: Ciertas aplicaciones web usan scripts pesados ​​para realizar funciones. Los trabajadores web utilizan subprocesos de fondo separados para el procesamiento y no afecta el rendimiento de una página web.
  • Video: puede incrustar video sin complementos o códecs patentados de terceros. El video se vuelve tan fácil como incrustar una imagen.
  • Lienzo: esta característica permite a un desarrollador web representar gráficos sobre la marcha. Al igual que con el video, no es necesario enchufarlo.
  • Cachés de aplicaciones: las páginas web comenzarán a almacenar cada vez más información localmente en la computadora del visitante. Funciona como las cookies, pero cuando las cookies son pequeñas, la nueva característica permite archivos mucho más grandes. Google Gears es un excelente ejemplo de esto en acción.
  • Geolocalización: Mejor conocida por su uso en dispositivos móviles, la geolocalización viene con HTML5.

5. AJAX:

  • Actualizar una página web sin volver a cargar la página
  • Solicitar datos de un servidor : después de que la página se haya cargado
  • Recibir datos de un servidor : después de que la página se haya cargado
  • Enviar datos a un servidor : en segundo plano

En primer lugar, comience con HTML, CSS y BootStrap. Este es el paquete de inicio para desarrolladores web. Una vez que tenga estos conceptos básicos, puede crear fácilmente algunos sitios web estáticos increíbles. Después de eso, aprenda JavaScript y Jquery para crear sitios web dinámicos. Puede usar JavaScript para toda la pila, es decir, back-end y front-end, o puede aprender un lenguaje de backend separado como PHP, Python, Ruby, Java, Go, etc. Aprenda bases de datos.

Aquí hay algunos enlaces rápidos para comenzar

Aprenda a codificar y ayudar a organizaciones sin fines de lucro

Codecademy – aprende a codificar, interactivamente, gratis

Comience a aprender en Treehouse gratis

Aprenda desarrollo web gratis

Hola, la programación es un área muy extensa, pero como estás interesado en el desarrollo web, puedes seguir estos pasos para comenzar, todo depende de tu imaginación y creatividad para convertirlos en un sitio web con la ayuda de Google.

  • El desarrollo web implica un sistema frontend y backend.
  • Un sitio web estático (sin muchos cambios de datos según los diferentes usuarios) solo se enfoca en la interfaz. Pero dinámico (dependiente del usuario) consistirá en ambos.
  • Para tecnologías frontend son-
  • Nivel básico para comenzar: HTML, CSS, JAVASCRIPT, AJAX, etc.
  • Nivel avanzado: AngularJS, ReactJS, marcos CSS, etc.
  • Para la tecnología de backend son:
    • Nivel básico para comenzar – Php, JSP, MySql
    • Nivel avanzado: NodeJS, MongoDB, Ruby and Rails, etc.

    En primer lugar, debe crear un diseño para el sitio web (en papel o utilizando herramientas de diseño), luego, una por una, elija las tecnologías y comience a comprenderlas e implementarlas.

    ¡¡¡Todo lo mejor!!!

    puedes ver el canal de newboston en YouTube para ver tutoriales web. Me encantan.

    también los Tutoriales web en línea de W3Schools son la mejor manera de comenzar el aprendizaje del desarrollo web.

    feliz codificación 🙂

    Puedes ver freecodecamp. Es un lugar increíble para aprender la pila web completa.

    Tiene cursos divididos en buenos fragmentos que son fáciles de aprender junto con buenos proyectos para mejorar tus habilidades. Mira esto.

    Enlace: aprenda a codificar y ayudar a organizaciones sin fines de lucro