¿Dónde puedo aprender HTML 5 y CSS de AZ?

HTML5 y CSS3 han arrasado la web por asalto en solo 2 años. Antes de ellos, ha habido muchas semánticas transformadas en la forma en que es probable que los diseñadores web creen páginas web, y con su aparición viene una diapositiva de soportes asombrosos como medios sustitutos, etiquetas de estilo XML y atributos de entrada progresivos para que los diseñadores web alcancen la fantasía Características como la animación.

Aunque la mayoría de los desarrolladores parecen mostrar demostraciones potenciales pero complicadas, HTML5 / CSS3 no son realmente una ciencia espacial, y lo guiaré a través del proceso de relajación para crear una página web estándar de HTML5 / CSS3 con información exhaustiva pero exhaustiva. Quizás se esté preguntando por qué es incluso importante cambiar a HTML5. Existen innumerables razones, pero principalmente porque trabajará con los estándares globales de Internet como cualquier otro diseñador. En este método, encontrará más provisiones en línea y sus sitios web se reducirán correctamente en los navegadores modernos que se mejoran constantemente.

La comparación entre HTML4 y HTML5 es difícil de detectar a nivel de superficie. Desde la visualización del nuevo borrador de HTML5, puede ver los elementos destacados y los procedimientos de manejo de errores corregidos. Los desarrolladores han disfrutado especialmente las nuevas especificaciones para las páginas web predeterminadas de traducción.

Lo que es más de HTML5 es la conversión de nuestro navegador web moderno. Con estas nuevas especificaciones, la web en su conjunto ahora se ve como una plataforma de aplicación para HTML (especialmente HTML5), CSS y JavaScript sobre la que se puede construir. Este sistema también genera con estilo la coordinación entre los diseñadores web y los desarrolladores al establecer estándares comunes que todos los navegadores deben seguir.

Además, se han creado muchos elementos para representar los medios digitales de la nueva era. Estos incluyen

Fly High Animation Institute es el Instituto de Diseño Web en Hyderabad

En primer lugar, le sugiero que se detenga en W3schools. En general, son una muy mala fuente de información y tienen muchas prácticas cuestionables, y hay tutoriales mucho mejores.

Puedo empezar por recomendar Codecademy.com. Ofrecen cursos gratuitos que le dan un conocimiento moderado de un idioma. El curso es altamente interactivo y le dará una alta retención de conocimientos.

Ahora, si quieres dominarlo, te sugiero que comiences con Head First HTML & CSS . Este libro le permitirá dominar muchos conceptos importantes necesarios para el diseño y la programación web.

A continuación, Head First HTML5 Programming . Este libro le enseñará una cantidad moderada de Javascript y le enseñará cómo aplicar y usarlo con su HTML.

Finalmente, Head First Javascript Programming para dominar Javascript. Este libro le dará una comprensión de proyectos de Javascript más complicados y le enseñará cómo crear aplicaciones web.

Si no puedes decirlo, me encanta la serie Head First. Enseñan de manera diferente a otros libros y tutoriales, usando gráficos interesantes y muchos proyectos, que harán que el conocimiento se mantenga. Creo que una de las primeras páginas de un libro de Head First explicará esto mejor:
Al aire libre
La mejor manera de aprender es haciendo proyectos (una razón por la que vivo con Head First), incluso después de que aprendes. Tienes que estar haciendo proyectos constantemente, eso demuestra que realmente dominas un idioma.

Goos suerte!

Hola,

Estas son las fuentes desde donde puedes aprender HTML en línea. Estos son tutoriales muy simples.

  • Aprenda CSS3 en línea desde cero con tutoriales HTML5 :: Eduonix Learning Solutions
  • Tutorial HTML
  • HTML y CSS
  • Tutorial HTML
  • HTML.com
  • Aprende a Codificar HTML y CSS
  • Aprende a codificar haciendo | Código de la escuela
  • Tutoriales gratuitos sobre HTML, CSS y PHP.

A continuación se detallan las fuentes de CSS que deben anotarse según su interés. Fue muy útil para mí, supongo que puede ayudarte de la misma manera.

Saludos,

En primer lugar, conocer qué son realmente HTML y CSS. Busca en Google y trata de saber para qué sirven tanto como puedas. Una vez que tenga un concepto claro sobre estos dos hermanos, vaya a Aprender para codificar, inscribirse y hacer ejercicios de codificación. Estos ejercicios le darán una breve introducción de las etiquetas utilizadas en HTML y CSS y cómo usarlas. ¡Espere! Es solo el compañero que comienza 🙂 Después de acostumbrarse a la sintaxis de HTML y CSS, vaya a Learn to Code HTML & CSS y obtenga una vista detallada de este sitio, también visite este increíble Canal de YouTube [1]. Aquí aprenderás REAL HTML y CSS y estarás diseñando un sitio web completo en ejercicios. Cuando haya terminado con el tutorial básico sobre Shay Howe, su próximo destino debería ser Learn to Code Advanced HTML & CSS.

Asegúrate de que eres un visitante habitual de A List Apart [2] y Smashing Magazine [3].

Visite el desarrollo web de W3Schools and Learning para obtener un conocimiento detallado de las etiquetas y selectores de HTML y CSS.

Algunas de las otras fuentes son:

  • Video tutoriales y entrenamiento en línea
  • Udemy: Cursos en línea en cualquier momento y en cualquier lugar
  • Udacity
  • Aprende a codificar y ayudar a organizaciones sin ánimo de lucro.
  • Trucos CSS
  • HTML5 Doctor, ayudándole a implementar HTML5 hoy

¡Feliz aprendizaje!

Notas al pie

[1] LearnCode.academy

[2] Para las personas que hacen sitios web

[3] Smashing Magazine – para diseñadores y desarrolladores web profesionales

El mejor libro para que aprendas HTML y CSS sería Head First HTML y CSS. Todo está cubierto en este libro, comenzando desde lo básico hasta escribir código HTML compatible con los estándares.

A medida que progreses, querrás aprender HTML5 también. Le sugeriré que obtenga la primera programación HTML5 que cubre las nuevas API HTML5.

Cada uno de estos libros está muy bien escrito y contiene bastantes buenos ejemplos. El proceso de aprendizaje está diseñado para ser divertido, a la vez que informativo, y hace el trabajo de enseñar HTML muy bien.

Aquí están los enlaces para los libros.

  1. Head First HTML y CSS
  2. Head First HTML5 Programming

Aclamaciones.

Por qué no,

Recuerdo que cuando estaba en la fase de lucha después de la universidad, solo tenía interés en el diseño web y en la noche comencé a aprender HTML CSS casi pasé 16 horas al día durante 4 días consecutivos y confío en mí, hice una página mientras utilizando todo tipo de código HTML, códigos CSS3 y un poco de plugin de control deslizante y creo que este sitio web realmente me ayudó mucho.

Tutoriales en línea de W3Schools en línea

15 trucos CSS útiles que podrías haber pasado por alto

30 días para aprender HTML y CSS

Recuerdo que he visto un video en youtube en esa fase sobre cómo estructurar html al crear un sitio web y eso ha cambiado mi mente para aprender esas increíbles habilidades sobre la estructura de contenido del pie de página del encabezado.

No puedo recordar ese sitio pero lo encontraré en mi historial de 2012, si lo puedo encontrar, lo compartiré pronto.

Tres cosas son muy necesarias – Interés + Creatividad + Práctica

Todo lo mejor, estoy seguro de que muy pronto te convertirás en HTML CSS PRO !!!

No existe un solo sitio web o curso que pueda llevarlo de nivel principiante a maestro. Tendrá que usar diferentes sitios web y leer diferentes libros para aprender sobre el desarrollo web de diferentes expertos y comprender conceptos desde diferentes perspectivas. Incluso después de aprender todos los libros y tutoriales, no estarás cerca del nivel de maestro.

Dicho esto, necesitas algunos para comenzar y Codecademy es el mejor sitio web para eso. Puede aprender los conceptos básicos de HTML / CSS / JS / jQuery en un entorno interactivo. Puede aprender cómo crear un sitio web básico en 2 meses, dependiendo de sus capacidades.

Sin embargo, lo más importante es practicar lo que estás aprendiendo. Sigue practicando cualquier cosa nueva que hayas aprendido. Para eso puedes recrear maquetas o hacer pequeños cambios por tu cuenta. Una vez que lo haya hecho bien, puede crear un sitio web simple por su cuenta.

Pero eso es solo para lo básico, si quieres llegar al nivel maestro, hay muchas cosas que debes hacer. Para eso, los cursos en la Red de Desarrolladores de Mozilla son los mejores. Puedes aprender muchas cosas de nivel avanzado e intermedio con los expertos de Mozilla.

También encontrará tutoriales en CSS-Tricks, Tutsplus, SitePoint y FreeCodeCamp de gran ayuda.

Dije que necesitas leer diferentes libros, pero eso no es realmente necesario. Puede dominar HTML / CSS sin tener que pagar por ningún curso o comprar un libro. Dicho esto, si aún desea aprender algunos libros, comience con HTML y CSS: Diseñe y cree sitios web: Jon Duckett

Algunos libros para JS: Elocuente JavaScript

Aprendizaje de patrones de diseño de JavaScript

Para alcanzar el nivel maestro, los libros y los tutoriales no serán suficientes. Lo que necesitas son proyectos, donde tendrás que resolver problemas del mundo real. Eso es lo más importante que necesitas para alcanzar el nivel maestro. Practicar en maquetas no es suficiente, porque las maquetas no implican resolver problemas. Para eso, tendrás que trabajar como freelance o en una agencia donde tendrás la oportunidad de trabajar en algún proyecto del mundo real. También puedes trabajar como voluntario para alguna ONG. Alcanzar el nivel maestro requerirá que ganes mucha experiencia, pero ya deberías saberlo ya que eres un diseñador.

Siento que tu proceso de pensamiento sobre esto está mal.

Aprender de AZ suena como intentar leer un diccionario para volverse inteligente.

La mejor manera de aprender es haciendo. Use los tutoriales y demás (otros han sugerido bastante) para comenzar. Cada vez que aprendas algo, practícalo / hazlo. Si no lo hace, lo olvidará o no lo entenderá completamente, al igual que no le restaría mucho leer un diccionario.

Una vez que obtenga una buena base, evite los tutoriales (y las escuelas W3) y busque soluciones para los problemas específicos que encuentre. Si tiene alguna idea creativa, no habrá tutoriales para mostrarle cómo hacer exactamente lo que piensa, por lo que tendrá que resolver problemas y aprender a extraer de diferentes recursos para crear lo que desea. Si no quieres resolver problemas, debes ir más hacia los marcos de CSS o WordPress y demás.

No estoy descartando tutoriales y programas y de tal manera que otros hayan sugerido. Como no vi ninguna respuesta similar a la mía, solo quería hacer de un pequeño defensor del diablo. En mi experiencia, los tutoriales sin implementar fuera del tutorial pueden llevar a un exceso de confianza. Terminé los tutoriales sobre un tema y pensé “Ahora sé cómo hacerlo”. Más tarde, cuando realmente necesitaba hacerlo, lo olvidé o quise hacerlo de forma un poco diferente a como lo colocó el tutorial y se perdió por completo. De cualquier manera necesitaba volver atrás e investigarlo. Todos los sitios web que he creado he tenido que investigar los temas que quería implementar mientras los estaba creando. Pero después de implementarlos, normalmente podría recrearlos en el siguiente sitio web sin referencia.

Resumen:

Dijiste que querías ser un maestro. No hay atajos para ser un maestro e incluso si completó todos los tutoriales posibles, no lo calificaría para ser un maestro. Así que no sientas que necesitas ser un maestro antes de tener la confianza para comenzar a hacerlo.

Cómo codificar en HTML5 y CSS3 “es un libro electrónico gratuito sobre cómo crear sitios web en HTML5 y CSS para principiantes absolutos. No requiere ninguna experiencia en TI para comenzar. El objetivo de este libro es mostrar el arte de crear sitios web. utilizando un lenguaje sencillo lleno de analogías prácticas. Después de leer más de 100 páginas, conocerá conceptos y técnicas básicas de desarrollo web y podrá crear su primer sitio web.

Tabla de contenido

  1. Prefacio
  2. Sitios web y legos
  3. Vamos a construir nuestro primer sitio web.
  4. Características del código HTML perfecto
  5. Ejercicio HTML: Codificando un Blogpost
  6. Visuales del sitio en CSS3
  7. ¡Menu, por favor!
  8. Entendiendo los selectores en CSS
  9. Tiempo de resumen!
  10. Formas en HTML5
  11. Diferencias entre
    y
  12. Formularios Extras
  13. Diseño multi-columna
  14. ¿Que sigue?

Aprende AZ en HTML5 y CSS3:

Hay muchas cosas en HTML5 y CSS3 . Si desea aprender lo que es más impotente para el diseño web, fácilmente puede aprender de SriG Systems.
La capacitación en línea también está disponible, todos le enseñan los conceptos básicos solamente, si desea convertirse en un experto que necesita actualizar todos los días, no hay una PARADA para aprender, SriG Systems es el mejor lugar para INICIAR su carrera para más visitas a SriG Systems

Mucha gente está sugiriendo cursos y tutoriales en línea. Cualquiera que esté familiarizado conmigo o con mis escritos sobre Quora, le diría que estoy en contra de los principiantes y siempre sugiero aprender a través de los libros.

El desarrollo del aprendizaje a través de tutoriales o cursos en línea le enseñará cómo hacer algo. Pero leer un libro le mostraría cómo hacer algo, por qué funciona, cómo funciona, qué hacer si no funcionó, qué puede hacer para reemplazarlo y si es una buena práctica hacerlo o no.

Esa es una gran cantidad de información que no estoy dispuesto a ignorar. Ver tutoriales está bien si ya tienes un buen conocimiento del idioma y solo necesitas descubrir algo. Pero para aprender por primera vez, debes seguir con los libros y la práctica. Cuando empecé, leía un capítulo, luego codificaba y practicaba todo lo que había aprendido, luego leía otro capítulo y lo practicaba junto con el anterior. Si sigues este enfoque, cuando termines un libro, ¡aprenderás y dominarás todo lo que tiene para ofrecer!

Algunos de los libros que siempre sugiero para el desarrollo de Frontend son HTML y CSS: Diseñar y crear sitios web: Jon Duckett y JavaScript y JQuery: Desarrollo web interactivo de front-end: Jon Duckett.

Ambos son grandes libros y aprenderás mucho leyéndolos.

Gracias por la A2A!

Personalmente creo que ya estás en el camino correcto. W3schools hace un excelente trabajo enseñándote lo básico y un poco de lo más difícil.

Sin embargo, te recomendaría que busques un par de libros en línea. Descubrí que tener un libro es mucho más propicio para aprender cosas más complejas que un tutorial en línea. Por ejemplo, tengo un libro llamado “CSS: The Missing Manual [1]” que es realmente bueno para hacer referencia cuando lo necesito. Tengo libros similares sobre PHP, Ubuntu Linux y Objective-C que cumplen el mismo propósito. También tengo un libro, “Sam’s Teach Yourself JavaScript in 24 Hours [2]” que funciona mucho mejor que cualquiera de los otros libros o tutoriales que he usado, y probablemente lo esté usando bastante después. Termino como otro libro de referencia.

De todos modos, hay muchos cursos en línea que te enseñarán lo que necesitas saber, y ya estás usando uno de ellos, así que sigue cazando y continúa con esa sed de conocimiento ~!

Espero que esto haya ayudado!

Notas al pie

[1] CSS: The Missing Manual: David Sawyer McFarland: 9781491918050: Amazon.com: Libros

[2] JavaScript en 24 horas, Sams Teach Yourself (6ª edición): Phil Ballard: 9780672337383: Amazon.com: Libros

Campo de código libre [1]. Tienen un plan de estudios completo para aprender HTML, CSS, JavaScript y algunas herramientas relacionadas, tales como:

  • Bootstrap, el marco de trabajo CSS
  • JQuery, la biblioteca de JavaScript
  • React, la biblioteca de JavaScript
  • D3.js, la biblioteca de JavaScript
  • Nodo, el tiempo de ejecución del lado del servidor de JavaScript
  • Express, el marco de Node, y
  • MongoDB, la base de datos NoSQL

¿Sólo quieres ser un desarrollador de front-end? ¡Esta bien! Tienen varios proyectos en los que puedes trabajar para practicar el desarrollo de front-end. Pero si quieres aprender back end también puedes hacerlo.

Notas al pie

[1] http://freecodecamp.com

Puedes aprender HTML5 y CSS3 en LETSHTML desde AZ.

Hay muchos sitios para aprender HTML y CSS como:

  1. LESTHTML
  2. W3SCHOOLS
  3. codeacademy
  4. academia Khan

Y más.

Pero te recomendaré LETSHTML porque proporcionan un entorno amigable para los principiantes.

‘Aditya Data and Graphics Science’ es una de las mejores clases de coaching en Bengaluru que realiza cursos en C #, HTML5, CSS, Javascript, .NET, MVC, .NET Forms, Sql Server, MySQL a precios bajos y asequibles.

El Sr. Susheel, un graduado en ingeniería y profesional superior de TI, es apasionado, comprometido y está completamente dedicado a compartir su experiencia técnica y experiencia con jóvenes y futuros profesionales. Es un especialista de Microsoft y un profesional certificado de Microsoft que tiene una amplia experiencia práctica en C #, HTML5, CSS, Javascript, .NET, MVC, .NET Forms, Sql Server, MySQL

Ven y aprende del EXPERTO

Para más detalles, comuníquese con el Sr. Susheel @ [email protected] o llame al +91 7019245725/9980085971

Alternativamente, también puede visitar ahaskara para más detalles.

Hay muchos sitios web para aprender programación de idiomas.

  • Tutoriales en línea de W3Schools en línea
  • HTML y CSS
  • Cursos en línea – en cualquier momento, en cualquier lugar | Udemy
  • Aprende HTML desde hoy

Ya que puede diseñar, necesita aprovechar sus habilidades de diseño para que pueda aprender la codificación de frontend más rápido. Necesitas tener un nivel de habilidad básico usando Sketch, jQuery y HTML. Una vez que vea cómo el diseño y el código funcionan juntos, podrá saber qué necesita aprender y qué puede ignorar. Como un chico del “arte”, tenía que entender completamente cómo trabajan juntos el diseño y el HTML. Hasta que no puedas conectar los puntos (Diseño + Código), estarás perdido. El problema es el 99,999% de los libros; Los videos, tutoriales, libros electrónicos, etc. no funcionan para personas como “nosotros”. Nosotros = arte / creatividad / diseño . Escribí un libro electrónico e hice un curso de video que le muestra cómo usar Sketch, jQuery y HTML5 con Flexbox (css3) para crear interfaces web, desde ” nuestra ” perspectiva. Nuestro = Artista / Diseñador . Una vez que repase este material ” conecte los puntos “, podrá pasar a material (es) más avanzado (s). Buena suerte. – Diseño web usando Sketch, Flexbox y JQuery Complete

Quiero sugerirles algunos de los mejores sitios web de codificación para aprender:

  • Codecademy – aprende a codificar, interactivamente, gratis
  • Trucos CSS
  • Blog de David Walsh
  • Codrops

Por último, pero no menos importante, una publicación de mi blog con algunos consejos sobre cómo empezar a ser un desarrollador web. DailyGit

Espero que lo disfrutes. 🙂

W3schools.

La información es gratuita, pero debe ser lo suficientemente disciplinado para aprender de manera constante y diaria. Intente implementar de inmediato lo que acaba de aprender para un verdadero conocimiento y no solo el conocimiento teórico. Buena suerte.

Hola,

Hay un montón de recursos útiles en la web (youtube, libros electrónicos, etc.), pero ir por ese camino puede ser un poco difícil, en mi opinión, porque en esas lecciones siempre falta 1 o 2 lecciones importantes en el medio de las listas, y puedes perder el contexto.

Por esa razón, teamtrehouse, udemy o codecademy son impresionantes. Tienen su propio patio de recreo para practicar (Workspaces en la casa del árbol) y cuando terminas una pista, te sugieren el siguiente paso.

Aclamaciones

Mário Silva