¿Cuál es la mejor manera para que un principiante aprenda HTML / CSS?

Answer 1

Hay una forma comprobada y verdadera de aprender HTML y CSS y es bastante sencillo. Es para hacerlo. Simplemente hazlo. No dejes que tus sueños sean sueños.

Debería poder aprender lo suficiente de los conceptos básicos de HTML y CSS para permitirle construir un sitio web simple en un par de horas. Sugiero aprenderlo viendo un video de alguien en vivo codificando un sitio web y explicando cada línea a medida que lo escriben.

Concéntrese en aprender conceptos generales, en este caso qué son las etiquetas HTML y los selectores de CSS, y no se meta demasiado en memorizar todas las etiquetas o sintaxis específicas. Siempre puedes aprender eso a medida que surjan casos específicos.

Más adelante, si no sabes cómo hacer algo, siempre puedes hacer una Búsqueda de Google para descubrir cómo hacer algo. Por ejemplo, ahora mismo si realiza la siguiente búsqueda en Google:

Cómo hacer texto en cursiva CSS

Verás un montón de artículos que explican exactamente cómo hacerlo. Eso significa que debes enfocarte en obtener la habilidad suficiente con HTML para poder entender esos tipos de páginas y aprender los detalles sobre la marcha.

Sugiero evitar hacer cosas en el navegador, como Codecademy, simplemente porque aprender escribiendo realmente el código y ver el resultado a medida que lo codifiques te ayudará a aprender el material mucho más rápido.

Como parte del bootcamp de codificación en línea que corro, Firehose , ofrecemos un curso gratuito de preparación de bootcamp de codificación, que cubre HTML y CSS, y también sobre programación en ruby, que es útil si también quieres ingresar al desarrollo web.

Curso gratuito de introducción a la codificación: la mejor preparación para cualquier campo de arranque de codificación

Si le gustó mi respuesta, significaría mucho para mí si la votara, presionando el botón azul claro de abajo.

Answer 2

Hola,

Hay múltiples recursos, puedes encontrarlos en línea o fuera de línea. Recientemente he realizado una investigación sobre los mejores tutoriales gratuitos en línea de HTML y CSS para estudiantes. Encontrar los detalles a continuación pueden serle de utilidad.

Como todos sabíamos, el aprendizaje es un proceso continuo en la vida de todos, aunque usted sea un estudiante, un profesional y cualquier otro. Pero si se enfoca en el aprendizaje orientado a la carrera o las habilidades en la edad del estudiante, es un hecho que puede alcanzar niveles altos en cualquier campo específico. Encontrar los recursos adecuados para el aprendizaje es una clave en el mundo competitivo de hoy.

Otros recursos:

• Los mejores recursos para aprender el lenguaje de programación PHP
• Familiarizate con PHP
• Carrera en PHP o Java: ¿Cuál es mejor para los principiantes?

¿Está interesado en la programación y quiere convertirse en maestro en, como Bill Gates? Incluso los principiantes y los estudiantes ahora pueden aspirar a alcanzar grandes alturas en la capacidad de programación. No es necesario invertir mucho para aprender las habilidades de programación, en lugar de leer algunos de los mejores tutoriales gratuitos en línea de HTML y CSS. Aquí hay algunos sitios web interesantes donde puedes dominar las habilidades del lenguaje de programación fácilmente.

Codecademia :

¿Desea desarrollar un sitio web interactivo e implementarlo como un profesional? Sí, puedes hacerlo ahora solo si tienes interés. El sitio web de CodeAcademy le brinda el material junto con una guía de video. Le ofrece aprender java, HTML y CSS, SQL e incluso muchos más idiomas que se usan actualmente en la actualidad. Resolver la pregunta del cuestionario en Codeacademy lo hace mejorar su conocimiento y comenzar su primer día en la oficina y los estudiantes pueden prepararse para una entrevista.

Vengadores del código:

En general, los estudiantes tendrán poco miedo a la programación. Pero los más nuevos que comienzan a aprender su programación con este sitio web pueden tener un viaje espléndido en su trabajo, ya que los cursos reciben una gran atención, conceptos esenciales para los principiantes e incluso para los expertos. Los alumnos pueden aprender HTML5, CSS3 y JavaScript.

Udacity :

Uno de los mejores tutoriales en línea que ofrece videoconferencias completas y crea la sensación de interactuar con un entrenador profesional. Es realmente interesante para los estudiantes y los más nuevos aprender los temas y despejar las dudas de los expertos. Todas las lecciones en video se explicarán con escenarios en tiempo real, por lo tanto, podrá perfeccionar sus habilidades según los estándares de la industria. Incluso puedes participar en pruebas y ganar más temas en menos tiempo.

Código de la escuela :

Si desea obtener un conocimiento profundo de Ruby, java script y también HTML / CSS y iOS. Entonces este es el increíble sitio web que la mayoría de los estudiantes están usando mientras aprenden lo básico. Estará despejando incluso las entrevistas difíciles a medida que obtenga el conocimiento que se implementa en las prácticas de la industria.

Academia de Khan :

Cuando quería saber sobre el patrón de programación, en general, puede obtenerlo en la Academia Khan. Ofrece muchos dibujos interesantes, animaciones que podemos hacer con la codificación. Todos los conceptos explicados en esta academia lo ayudan a obtener experiencia no solo en programación sino también en habilidades creativas. El patrón de programación que aprendas aquí te será útil en todas partes.

W3C https://www.w3.org/Consortium/ :

No hace falta dar una introducción sobre este sitio web porque todos los estudiantes lo sabrán. Aquí puede aprender muchos idiomas desde el principio y también hay muchos aspectos que son de gran ayuda para usted. Todas las técnicas de codificación se describen aquí claramente para todos los idiomas.

Tutorial HTML5 ( http://www.html-5-tutorial.com/ ):

Una plataforma absolutamente buena para aprender HTML5, donde puede obtener información básica sobre conocimientos avanzados en el último HML5. Hay tutoriales detallados e incluso los más frescos pueden aprender los aspectos con claridad. Es después de leer todo el material, incluso el estudiante obtendrá un control total sobre el idioma. Los profesionales han programado el material y por eso es de gran utilidad.

HTMLDog ( http://www.htmldog.com/guides/ht… ):

Aunque tenemos varias fuentes para aprender HTML, HTMLDog es bastante diferente de ellos con su explicación básica sobre HTML, etiquetas detalladas con referencias y técnicas. Los mejores recursos sugeribles para que los estudiantes aprendan los fundamentos de HTML, porque la codificación y los trucos mencionados por los profesionales en HTMLDog son útiles para aprender los idiomas correctamente. No solo las lecciones que se mencionan aquí son muy fáciles de leer.

Guía de desarrolladores de Mozilla ( https://developer.mozilla.org/en… ):

Además de HTML y tecnología web, hay muchos aspectos que son útiles para usted, como la tecnología web y las guías para desarrolladores web. Hay una descripción completa sobre los elementos, etiquetas y atributos del HTML y cómo hacer tutoriales para los desarrolladores web. Eche un vistazo al sitio web y obtenga más información sobre HTML y la tecnología web.

W3Resource ( http://www.w3resource.com/ ):

Este es el sitio web más reputado para aprender el script java y también HTML. Puede aprender muchas técnicas de validación que son útiles para cada proyecto. A medida que aprende cosas de aquí, seguramente su confianza aumentará y esto ayuda a los estudiantes a despejar sus entrevistas técnicas y las más frescas para aprender cómo hacer su trabajo con menos orientación.

De acuerdo con la investigación y la experiencia, enumeramos los sitios anteriores que serán más útiles para principiantes y profesionales, y son seguidos por miles de estudiantes y más nuevos. Además, todos, incluso después de obtener el trabajo, están revisando estos materiales solo para completar las tareas que se les asignan fácilmente. Así que es su turno de elegir los sitios web que son completamente gratuitos para aprender. Muy pronto, incluso podrás convertirte en un experto en programación cuando tus conceptos básicos sean sólidos, según aprendes desde aquí.

Espero que esto pueda ayudarte. Todo lo mejor

Answer 3

Aquí hay una versión moderna de lo que normalmente envío a la gente. Comenzaría con HTML Dog y luego me aventuraría a usar la especificación HTML5 un día. La Red de Desarrolladores de Mozilla ( http://developer.mozilla.org ) es una referencia bastante buena que recomiendo revisar después de aprender lo básico.

Idiomas y APIs:

• Tutorial HTML / CSS: http://htmldog.com
• Lista de etiquetas HTML4: http://htmldog.com/reference/htm …
• Especificación de HTML5: http://www.whatwg.org/specs/web-…
• Selectores CSS3: http://www.w3.org/TR/css3-select …
• Tecnologías Web Generales: http://developer.mozilla.org
• Documentación de JavaScript (especialmente la Guía de referencia): http://developer.mozilla.org/en/ …
• jQuery: http://jquery.com

Herramientas:

• Firebug, tal vez el depurador de la página web de facto: https://addons.mozilla.org/en-US… . Incluso hay complementos para Firebug, como la Velocidad del sitio de Google: http://code.google.com/speed/pag …
• La barra de herramientas para desarrolladores web es liviana, pero tiene algunas características que Firebug no tiene, como la validación HTML / CSS: https://addons.mozilla.org/en-US …
• Editores: Notepad ++ o Emacs / Vim hacen el trabajo, pero en realidad me gustó el modo editor de código de Dreamweaver cuando aprendí por primera vez porque el autocompletador me mostró qué etiquetas existían. La sintaxis HTML y CSS es bastante fácil de aprender, pero el “vocabulario” de las etiquetas, atributos y propiedades existentes es bastante grande para un principiante. Skybound Stylizer ( http://www.skybound.ca ) se ve bastante impresionante; poder editar páginas y ver las actualizaciones al instante en una variedad de navegadores es una ganancia de productividad y fue mi característica favorita de Microsoft Expression Web.

Finalmente, si bien es principalmente una cruzada (precisa) contra W3Schools, http://w3fools.com presenta algunos enlaces útiles, así como prácticas que se deben evitar.

Answer 4

En el cuarto trimestre de 2013, después de mucha fascinación por la web y jugar con Photoshop para hacer diseños, me di cuenta de que tenía que aprender HTML y CSS si quería dar vida a mis diseños. Resulta que tomó 1 día (5-6 horas) para aprender los conceptos básicos y 2 días más para poder trabajar a mi alrededor. Esto es para mostrar lo fácil que es aprender HTML y CSS. Sin embargo, hay más que eso y lo discutiré más adelante.

Cuando empecé, miré en W3schools y no me gustó el estilo. Así que busqué más y encontré un excelente sitio de tutoriales Tutorial de HTML5 | Tutorial HTML 5.
Aprendí de allí.

Antes de comenzar, necesitarás algunas herramientas:
1. Un editor de texto. Puedes usar el que viene precargado en tu computadora. En Windows es Notepad o Wordpad, en Ubuntu es gedit y creo que Mac tiene TextMate. Personalmente uso Sublime Text porque es realmente agradable a mis ojos. Puede usar Notepad ++ o Dreamweaver (que es de pago) o cualquier cosa que le convenga. Hay una gran cantidad de editores de texto en línea. Creo que la mayoría de la gente usa los que he mencionado aquí.

2. Un navegador web (ni siquiera estoy seguro si hubo un punto en poner eso aquí jaja). Bueno, al principio, realmente no va a importar, pero a medida que progreses, necesitarás diferentes navegadores para probar tu salida. Pronto se dará cuenta de que tiene que instalar Chrome, Firefox, Safari, Opera, IE, Edge o nosotros, para que podamos ver si su página es compatible con todos los navegadores. Por supuesto, para entonces te darás cuenta de que puedes usar marcos para resolver este problema.

Bien, ahora te daré algunos consejos. Como he mencionado anteriormente, lo aprendí bastante rápido y tú también puedes. El truco es que necesitas escribir código mientras aprendes. Algunas personas pueden argumentar que prefieren leer una parte entera, luego comenzar a escribir el código y regresar si no lo recuerdan. Esto no funciona para mí. Creo que la práctica mientras lees es la mejor manera de obtener la información dentro de tu cabeza

Desde el enlace que publiqué arriba, verá que los tutoriales son muy fáciles de leer y le proporcionan fragmentos de código simples que necesita escribir y ver los resultados de su navegador. Por lo tanto, comience con lo básico, asegúrese de que comprende lo que está sucediendo y vaya avanzando. HTML es básicamente entender cómo funcionan las etiquetas y el anidamiento. Estoy bastante seguro de que aprendiste sets básicos en la escuela primaria. Básicamente, HTML es como conjuntos y subconjuntos. Simplemente necesitas saber cómo funcionan los nidos. Una vez que puedas ver fácilmente el nido, estás listo para 🙂

Aprendí CSS básico en W3schools. Fue fácil probar el CSS allí. Definitivamente hay más recursos y tutoriales de CSS en línea para que aprendas, así que sugiero que encuentres lo que funciona para ti. Para CS, solo necesitas entender 2 cosas como principiante:
1. identificación
2. clase

La identificación se usa para diseñar una cosa, mientras que la clase se usa para diseñar muchas cosas diferentes. Tomemos un ejemplo. Si tiene una sección principal y una sección de comentarios, desearía tener 2 ID diferentes para cada sección para poder aplicarles un estilo. Ahora puedes tener diferentes textos en tu página. Algunos podrían usarse en la sección de comentarios, otros podrían usarse en otros lugares. Si desea tener el mismo estilo de fuente para el mismo texto en diferentes lugares, entonces use la clase.
Así que simplemente piensa en la identificación como tu identificación. Solo puede tener 1 número de identificación y no 2 diferentes. Piense en la clase como sus tarjetas de crédito. Puedes tener varias tarjetas de crédito que usas para comprar lo mismo. Eso debería cubrir los conceptos básicos de CSS. Ahora solo hay que aplicar el estilo.

Una vez que entiendas lo básico, es hora de construir algo que valga la pena. En mi caso, tenía un diseño que hice en Photoshop y realmente quería convertirlo en una página HTML real, así que lo hice. Esta es la parte donde aprendes más, porque es cuando te darás cuenta de que no puedes hacer algo y tienes que buscar una solución en Google. Eso está completamente bien. Así es como aprendes. Utilizará Stackoverflow mucho y se dará cuenta de que la mayoría de sus preguntas ya han sido respondidas con una solución. Así es como te pones mejor en eso.

Una vez que logre crear una página decente, puede comenzar a buscar en los sitios web de Inspiración de diseño web que muestran algunos sitios web sorprendentemente bien diseñados y también puede aprender desde allí. Vea cómo lo hacen y trate de hacer algo similar (solo para fines educativos. Tenga en cuenta que no es ético copiar el trabajo de otra persona y etiquetarlo como suyo).

Supongo que si pones 4-5 horas por día durante una semana, deberías ser bueno con los conceptos básicos de HTML y CSS y ser capaz de hacer algunas páginas geniales desde cero. Después de una buena cantidad de práctica y de crear diferentes tipos de sitios web, se dará cuenta de que a veces su página se ve perfecta en un navegador y no en otro. Esta bien. Esto es cuando comenzarás a buscar en las compatibilidades y marcos de navegadores cruzados, como Bootstrap, por ejemplo. NO, repito, NO aprendas Bootstrap primero. Mucha gente comete este error. Creo que deberías tener un buen conocimiento de la base y luego moverte a los marcos. Tu vida será mucho más fácil.

Pero entonces, HTML y CSS no son realmente suficientes. A veces, te darás cuenta de que quieres lograr algo y no se puede hacer usando solo HTML y CSS. Por ejemplo, quieres enfriar los efectos. Así que sugiero aprender Javascript una vez que sientas que tienes una buena base con HTML y CSS. Y después, puedes moverte al back-end con un lenguaje como PHP o Ruby. Ambos son lanaguages ​​muy comunes utilizados en estos días. A medida que obtiene más y más avanzada, vea cosas como Node.js o Angular.

Supongo que eso es todo.

Buena suerte en tu camino de aprendizaje. 🙂

Answer 5

En mi opinión, HTML y CSS son muy fáciles de aprender. Pero, puede parecer intimidante al principio. Le sugiero que siga estos pasos:

Paso 1:
Comience a aprender HTML, JavaScript / jQuery y CSS desde http://www.codecademy.com . Es el mejor sitio para aprender a codificar. Disfrutarás mucho este paso.

Paso 2:
Ahora, si ha seguido el Paso 1 correctamente, debería haberse convertido en un semi-profesional en HTML y CSS. Ahora, necesita aprender prácticas avanzadas como ” Hacks de navegación cruzada “, ” Efectos de transición” , ” Animación CSS3″ , ” Lienzo HTML5″, etc. Para esto, le sugiero que utilice css-tricks.com. Este es un recurso muy útil. Practique todos los trucos que aprenda y comience a implementarlos en los sitios web que realice.

Paso 3:
De acuerdo. Entonces, si ha seguido el Paso 2 correctamente, ahora se ha convertido en un buen desarrollador web, ahora es el momento de convertirse en un diseñador web. Te sugiero que aprendas cosas como ” Tipografía” , ” Teoría del color” , ” Diseño de interfaz de usuario”, etc. de Hack Design.

Etapa 4:
Por lo tanto, si ha seguido todos los pasos correctamente, ahora se ha convertido en un buen desarrollador de aplicaciones para usuario. Ahora, es hora de perfeccionar sus habilidades. Le sugiero que se una a http://www.forrst.com , es un sitio de redes sociales para diseñadores de sitios web. Aprenderás mucho de este sitio interactuando con otras personas afines. Además, debes comenzar a leer blogs como http://www.smashingmagazine.com .

Paso 5:
Ahora, todo lo que necesitas es práctica. Construye tu propio sitio web personal, colócalo en internet. Interactuar con diseñadores web / desarrolladores o diseñadores gráficos. Trate de conseguir clientes. Si aún tiene curiosidad intelectual y desea obtener más información, le sugeriría que realice el curso HCI (Interacción entre humanos y computadoras) en Coursera, que ofrece University of California, San Diego ( https: //www.coursera. org / curso / ….). También puedes aprender Ruby, y luego aprender Ruby on Rails, usando estos idiomas puedes crear tus propias aplicaciones web. Además, aprende Twitter Bootstrap http://getbootstrap.com/ , este marco se usa masivamente para hacer sitios web receptivos.

Espero que esto ayude 🙂

Answer 6

1. Construye cosas reales

La mejor manera de aprender HTML y CSS (y el desarrollo web en general) es construir cosas. Cuando comencé (hace casi una década), le dije a mi primer cliente que sabía cómo crear sitios web, aunque no lo sabía. Me dio un mes, así que me sumergí profundamente en el código. Confié en los tutoriales y otros recursos en línea, que no eran tan extensos como lo son hoy. Si bien los ejercicios en el navegador, como los que se encuentran en Codecademy, son excelentes para enseñar los conceptos y la sintaxis, para comprender profundamente estas cosas, debe aplicarlas en la naturaleza. Esto es similar a aprender a volar: los simuladores de vuelo pueden enseñarte mucho, pero tienes que volar aviones para convertirte en piloto.

2. Leer un montón de código

Tan importante como es escribir código, es igual de importante leer código. La emulación es una parte importante del aprendizaje de cualquier cosa. Encuentra a alguien que sepa más que tú y aprende de ellos. No es una coincidencia que el jersey de Kobe Bryant se vea exactamente como el de Jordan.

Encuentra un sitio que ames. Ábralo en un navegador y use el Inspector web en Google Chrome para distinguir cómo estructuraron los elementos de su página. Ver el CSS para ver cómo lo diseñaron. Cambie las propiedades y los valores en el inspector web y observe cómo cambia la página.

3. Afina tu artesanía

Hay un extracto de un libro llamado Arte y miedo que es relevante aquí:

El maestro de cerámica anunció que estaba dividiendo su clase en dos grupos. Todos los que se encuentran en el lado izquierdo del estudio se calificarían únicamente en función de la cantidad de trabajo que produjeran, y los de la derecha clasificados únicamente en función de su calidad.

Su procedimiento fue simple: el último día de clase pesaría el trabajo del grupo de “cantidad”: 50 libras de botes con una calificación de A, 40 libras por B, y así sucesivamente. Sin embargo, aquellos calificados en “calidad”, necesitaban producir solo un bote, aunque perfecto, para obtener una A.
Bueno, llegó el momento de la calificación y surgió un dato curioso: ¡todas las obras de la más alta calidad fueron producidas por el grupo calificado por cantidad!

Parece que si bien el grupo de “cantidad” estaba produciendo grandes cantidades de trabajo, y aprendiendo de sus errores, el grupo de “calidad” se había sentado teorizando acerca de la perfección, y al final tenía poco más que demostrar por sus esfuerzos que las teorías grandiosas y Un montón de arcilla muerta.

Al igual que con cualquier otra habilidad que te propongas aprender, la práctica es perfecta. Cuanto más trabajes en ello, mejor y más eficiente te volverás. Una vez que termines ese primer proyecto, comienza otro. Construye algo para ti mismo. Construye algo para un amigo. Construye algo para la diversión. Construye algo solo para construir algo.

Ya que estás empezando y quieres saber por dónde empezar, puedo indicarte algunas direcciones.

• Bloc’s Build Your First Website: un curso acelerado en HTML y CSS
• Dash de la Asamblea General
• Codecademy ( http://www.codecademy.com/ )
• Aprende a codificar HTML y CSS de Shay Howe
• HTML Dog’s HTML Beginner Tutorial

Descargo de responsabilidad: Soy el Director de Diseño de UX en Bloc ( http://www.bloc.io ), donde ofrecemos asesoría personalizada para las personas que desean aprender cómo desarrollar para la web, crear aplicaciones móviles o convertirse en diseñadores. .

Answer 7

Es extremadamente valioso entender los fundamentos del diseño web si desea trabajar en marketing digital, redes sociales o diseño. Afortunadamente, hay muchos cursos y herramientas en línea excelentes que lo ayudarán a aprender el diseño web rápidamente. Como mínimo, una comprensión básica de HTML, CSS y diseño es esencial si desea hacer algo en la web.

Si no está familiarizado con la forma en que se construyen los sitios web, HTML (Lenguaje de marcado de hipertexto) y CSS (Hojas de estilo en cascada) proporcionan el código fundamental que construye la interfaz gráfica de usuario de Internet en todo el mundo. En unas pocas horas de estudio de estos dos lenguajes de marcado web, podrás comenzar a construir tu primer sitio web. Pero no se detiene allí. Hay otras habilidades útiles que debería aprender, como usar un sistema de administración de contenido (CMS) como WordPress y dominar un marco de diseño receptivo para que todos sus sitios web estén optimizados para dispositivos móviles.

Esta guía tiene todo lo que necesita para hackear su educación y comenzar a crear sus propios sitios web hermosos. Le recomiendo que pruebe los diferentes cursos y herramientas para ver cuál se adapta mejor a su estilo de aprendizaje individual. Te sorprenderás de lo mucho que puedes aprender en poco tiempo.

Los mejores cursos gratuitos de diseño web:

Hay muchos cursos en línea gratuitos y plataformas educativas para aprender sobre diseño web. Estas son tus mejores opciones.

CodeAcademy: esta es mi forma gratuita favorita de aprender HTML y CSS. Codeacademy hace que el aprendizaje sea divertido con puntajes, insignias, proyectos interesantes y un excelente foro de preguntas y respuestas si alguna vez tiene alguna pregunta.

1. CodeYear: aprenda cómo crear un sitio web o un juego basado en la web en 4 semanas a través del correo electrónico.
2. Code Avengers: descubre cómo construir aplicaciones web y sitios web utilizando HTML5, CSS3 y Javascript.
3. Mozilla’s School of Webcraft: una comunidad en línea gratuita para aprender sobre diseño y desarrollo web.
4. 30 días para aprender HTML y CSS: un curso gratuito de Tuts + donde se te enseña cómo crear tu primer sitio web en un mes.
5. Hack Design – Recibe una lección de diseño en tu correo electrónico cada semana. Actualmente 26 lecciones de diseñadores profesionales.
6. Una guía para principiantes de HTML / CSS: aprenda los principios de diseño y desarrollo de front-end como tipografía, fondos y degradados.
7. Aspectos básicos de HTML5 y CSS3: Desarrollo para principiantes absolutos: 21 episodios de video excelentes en diseño web de Channel 9.
8. HTML básico y CSS para diseñadores que no son web: videos cortos para aprender CSS, HTML, PHP y WordPress de Don’t Fear The Internet.
9. Diploma en diseño web: este curso gratuito de ALISON lo guía a través de cómo utilizar las herramientas esenciales de diseño y desarrollo web.
10. Programmr – Aprenda a través de completar ejercicios de HTML en vivo en su navegador.

Cursos Premium de Diseño Web:

Estos cursos suelen tener mejor contenido que los gratuitos. Los sitios web completos de la academia de diseño web como TreeHouse y CodeSchool son altamente recomendados.

Treehouse: los módulos de aprendizaje basados ​​en video y el enfoque gamificado en Treehouse hacen que el aprendizaje sea adictivo. Por $ 25 / mes puede aprender diseño web, desarrollo de aplicaciones móviles e incluso cómo iniciar su propio negocio web.

1. HTML y CSS para principiantes (Udemy): aprenda a crear un sitio web dinámico y agradable a la vista sin experiencia previa en codificación. $ 49
2. Conviértete en un desarrollador web desde cero (Udemy) Aprende los lenguajes de desarrollo web HTML / HML5, CSS3, Javascript y PHP. $ 199
3. HTML y CSS desde cero en 30 días (SkillShare) – Aprenda cómo construir su propio sitio web. Este curso tiene más de 11 horas de entrenamiento en video. $ 25
4. Ruta de aprendizaje HTML / CSS (CodeSchool) – Aprenda diseño web y desarrollo de aplicaciones para usuario. $ 25 / mes
5. Aprendizaje: desarrollo de front-end: una combinación de recursos para aprender diseño web, Javascript, WordPress y más. $ 29 / mes
6. Diseño para el compromiso: cómo diseñar para que la gente actúe (Udemy): un excelente curso de psicología del diseño y diseño de experiencia de usuario.
7. Tuts +: navega por cientos de tutoriales fáciles de seguir para el desarrollo web y el diseño gráfico. $ 19 / mes
8. Skillcrush: no tuve la oportunidad de probar este, pero la página de destino es hermosa y convincente. $ 125
9. Lynda.com – Más de 400 videos instructivos relacionados con el diseño y el desarrollo web. Instructores bien organizados y de calidad. $ 25 / mes

Tutoriales HTML / CSS:

Combine algunas nuevas habilidades de diseño y codificación con estos tutoriales de HTML y CSS cuidadosamente seleccionados.

1. Dominio de CSS (Tuts +): aprenda cómo crear aplicaciones web con estilo con CSS3.
2. Tutoriales HTML / CSS (W3Schools) – Una excelente referencia de diseño web en línea. Si eres un novato completo, comienza aquí. Si más avanzados comienzan aquí.
3. Comenzando con CSS (Mozilla) – Mozilla tiene un buen tutorial introductorio para usar las Hojas de Estilo en Cascada (CSS).
4. Tutoriales de diseño web (WebMonkey) – Una colección de tutoriales en HTML, CSS3, AJAX y Javascript.
5. HTML, CSS y Javascript de Ground Up (Google Code University) – Video tutoriales de Google.
6. Desarrollo web desde cero (Tuts +): una serie de tutoriales de desarrollo web para aquellos con poca experiencia en diseño web. Cubre HTML, CSS y AJAX.
7. Tutorial de código HTML: tutoriales rápidos para aprender los entresijos de HTML y otros temas relacionados con el desarrollo web como CSS, hojas de estilo, formularios, marcos y Javascript.
8. Tutoriales de HTML.Net – Una buena colección de tutoriales para aprender HTML, CSS, PHP y Javascript.
9. Tutoriales de HTML y CSS (HTML Dog): tutoriales, referencias y ejemplos rápidos y fáciles de seguir para perfeccionar sus habilidades de HTML y CSS.
10. Tutoriales de diseño web (Boogie Jack) – Aprenda HTML, CSS, planificación de sitios web, Javascript y mucho más.
11. Dev.Opera – Aprenda las últimas tecnologías web abiertas: Javascript, HTML5 y CSS3.
12. Cómo convertirse en un diseñador sin ir a la escuela de diseño: excelente consejo a seguir por parte de un diseñador que hizo el trabajo de bricolaje.

HTML / CSS Ebooks:

Estos son algunos de los libros más recomendados para los aspirantes a diseñadores web.

1. HTML y CSS: Diseñe y cree sitios web: una introducción accesible y bellamente diseñada para HTML y CSS.
2. Dominio de CSS: si ya tienes experiencia con CSS pero quieres aprender más temas avanzados, este es un excelente libro.
3. The Web Book: un libro electrónico gratuito sobre cómo crear sitios web y aplicaciones con HTML, CSS, JavaScript, PHP y MySQL.
4. Conceptos básicos de CSS: aprenda los conceptos básicos del diseño de CSS en este ebook informativo de 18 capítulos.
5. No me hagas pensar: un enfoque de sentido común a la usabilidad web: un libro clásico que te hará pensar como un diseñador profesional.

Marcos de Diseño Web:

Los marcos de diseño web aceleran dramáticamente su tiempo de desarrollo al proporcionar una base de código y la última marcación responsiva de HTML5 / CSS3 para construir. También facilitan que sus sitios web se vean perfectos en todos los dispositivos y tamaños de pantalla.

Twitter Bootstrap – El framework web sensible más popular. Está repleto de características, se actualiza periódicamente y es un buen marco para empezar.

1. Base: ligero y rápido móvil, primer marco de diseño.
2. Gumby – Hermoso marco de diseño que utiliza SASS (Synctactically Awesome StyleSheets), una extensión de CSS3.
3. Skeleton: un kit de desarrollo web completo para la construcción rápida de sitios web receptivos y compatibles con dispositivos móviles.
4. Base: un marco simple y adaptable basado en cuadrícula para el diseño web.
5. Sistema de cuadrícula receptiva: un marco simple para crear rápidamente temas de respuesta.

Sistemas de gestión de contenidos (CMS):

Ya casi nadie construye sitios web HTML independientes. Si se toma en serio el diseño web, le recomiendo que aprenda a codificar temas para un CMS. WordPress es, con mucho, la opción más popular. Lo creas o no, la mayoría de los sitios web que están hechos por menos de $ 5000 se piratean juntos con temas de WordPress.

1. WordPress: potencia más sitios web que casi todos los demás CMS combinados. Un montón de complementos y temas gratis.
2. Joomla – Más complicado que WordPress pero también más poderoso. Excelente comunidad y muchos complementos.
3. Drupal: la plataforma de CMS de código abierto más flexible. Curva de aprendizaje empinada.
4. Squarespace – Diseño web basado en la nube y plataforma de alojamiento. Bueno para los aficionados y sitios web rápidos.
5. Tumblr – Blogs gratuitos que pueden ser altamente personalizados. Comunidad masiva.
6. ModX – Un CMS relativamente nuevo que parece interesante.

Redes de portafolio web:

Tener un portafolio de diseño web profesional es mucho más importante que su currículum o credenciales. Estos sitios web lo ayudarán a establecer contactos con otros diseñadores y mostrarán su mejor trabajo para obtener comentarios de la comunidad.

Dribble: una comunidad de diseñadores que comparten su trabajo, proceso y proyectos. El talento de los diseñadores en Dribbble es simplemente asombroso.

1. Behance – La comunidad más grande de la web para diseñadores. Recientemente comprado por Adobe por más de $ 150 millones.
2. Cargo: una comunidad de diseño donde hacen solicitudes y obtienen la aprobación de otros diseñadores.
3. Scoutzie: un sitio de cartera para diseñadores profesionales que desean trabajar de forma independiente con nuevas empresas.
4. DeviantArt – Más de una comunidad de artistas, pero este sitio es enorme.

Comentarios sobre el diseño:

Si está aprendiendo en línea, querrá comunicarse con una comunidad de colegas diseñadores y obtener sus comentarios sobre sus habilidades.

1. Forrst – Mejore su diseño web a través de comentarios en esta comunidad.
2. Hunie: comunidad de colaboración para las críticas de diseño de igual a igual.
3. Usabilla: le permite crear una biblioteca curada de patrones de diseño mientras navega por la web y los comparte con otros.
4. DesignDrop: realice revisiones de diseño y obtenga comentarios de clientes y colegas con anotaciones visuales.

Encuentra trabajo de diseño independiente:

Una de las maneras más fáciles de obtener experiencia cuando está comenzando es a ofertar en sitios web de subcontratación. Comience con una oferta baja y podrá crear una cartera, recomendaciones sociales y un historial en estos sitios web. Luego, puede ir tras los contratos de diseño web más lucrativos.

1. Elance – Creo que este es el mejor sitio web de outsourcing. Construye tu cartera, revisiones y referencias para aterrizar los grandes proyectos.
2. oDesk: similar a Elance, oferte en cientos de proyectos de diseño web y cree su perfil en línea para que se destaque.
3. DesignCrowd – Mercado de diseño web específico donde puede ofertar en proyectos.

Foros de diseño web:

Si tiene alguna pregunta o quiere escuchar cuál es el último alboroto entre los profesionales del diseño web, participe en uno de estos foros.

1. SitePoint: foro de diseño y desarrollo web masivo con más de 700,000 miembros.
2. Designers Talk: un foro de diseño web con más de 20,000 miembros.
3. DigitalPoint – Otro foro web masivo que ha existido durante mucho tiempo.
4. V7N – Grandes foros de desarrollo web.
5. Foros HTML – Todo lo relacionado con el diseño web.
6. StackOverflow: haga y responda preguntas de otros diseñadores y desarrolladores.
7. Mozilla’s Webmaker: comunidad de diseño web global dedicada a crear, remezclar y enseñar habilidades web.
8. Mozilla Developers Network: una comunidad abierta de diseñadores y desarrolladores web.
9. The Secret Handshake: un recurso en línea para jóvenes estudiantes y creativos que desean ingresar en la industria del diseño digital.

Inspiración de los profesionales:

Estos sitios web muestran el trabajo de algunos de los mejores diseñadores del mundo. Son excelentes recursos para la inspiración.

1. Awwwards – Reconoce a los mejores diseñadores web del mundo.
2. Los mejores diseños – Una galería curada de los sitios web bien diseñados.
3. Inspiración en diseño web: otra guía curada de los sitios web mejor diseñados.
4. SiteInspire – Un escaparate de diseño web e interactivo.
5. La inspiración del diseño: inspiración para logotipos, arte, sitios web y tarjetas de visita.

Caja de herramientas esencial:

Adobe Creative Cloud: Adobe recientemente cambió el nombre de su Creative Suite y lo puso todo en la nube para reducir la piratería. No es barato, pero este es el conjunto de herramientas profesionales que impulsa la mayor parte de la industria del diseño creativo. Incluye las herramientas esenciales que utilizan los diseñadores profesionales: Photoshop, Illustrator, InDesign y Dreamweaver. Planes mensuales desde $ 49.99

1. Firebug: inspecciona HTML y modifica el estilo / diseño en tiempo real.
2. Validación de marca W3C: asegúrese de que su código se valide con los estándares web HTML y CSS.
3. XAMPP: crea un servidor web local en su conexión a Internet para que pueda desarrollar sitios web localmente.
4. FileZilla: el mejor FTP gratuito de código abierto para transferir archivos a un servidor web remoto.
5. Adobe Kuler – Crea esquemas de color para tus sitios web.
6. CoffeCup HTML Editor: uno de los mejores editores de HTML para diseñadores. $ 69
7. NotePad ++ – Un excelente editor de código y sintaxis de código abierto.
8. GIMP – La mejor alternativa gratuita y de código abierto para Photoshop.
9. Thimble: una herramienta de Mozilla que te permite escribir y editar HTML y CSS directamente en tu navegador (y corrige tus errores).

Blogs de diseño web:

Estos son algunos de los blogs de diseño web más importantes que puede querer seguir religiosamente.

1. Smashing Magazine – Mi favorito personal. Este sitio web publica algunas de las publicaciones y guías de diseño más extensas que he visto.
2. Web Designer Depot – También un excelente blog para diseñadores. Tienen un gran boletín para seguir.
3. UX Booth: comentarios de expertos, publicaciones y recursos sobre usabilidad, experiencia de usuario y diseño de interacción.
4. Seis revisiones: publicaciones de diseño con visión de futuro de talentosos profesionales del diseño de todo el mundo.
5. Hong Kiat – Un excelente blog para trucos de diseño útiles, herramientas, tutoriales.

Buenas referencias:

1. Manual para desarrolladores web: un recurso masivo para todo lo que necesita relacionado con el diseño y desarrollo web.
2. Web Platform Docs: un nuevo sitio dirigido por la comunidad que pretende convertirse en una fuente autorizada para el diseño y desarrollo web.
3. Move The Web Forward: entiende los estándares web y cómo están evolucionando.
4. Mozilla CSS Reference – Una buena referencia para el marcado CSS.

Por último, pero no menos importante, me gustaría mencionar mejor el software Build, juntos. GitHub es una gran plataforma para el código abierto de código abierto y es realmente importante para todos los programadores.

Una vez que haya dominado HTML y CSS, le recomiendo que aprenda HTML5 a continuación. Le ayudará a llevar sus habilidades de diseño web al siguiente nivel y crear más sitios web interactivos.

Answer 8

Podrías probar Pyoopel:

Estamos en línea : hemos comenzado a enseñar codificación de manera correcta en Pyoopel. Es un curso en el que entiendes la programación de computadoras como un arte y un medio de expresión personal . Hay mucho que explorar en este campo, y todos somos aprendices que acabamos de comenzar. Si estás motivado por ti mismo, es genial, pero para algunas personas, el aprendizaje en línea / fuera de línea debe combinarse con un entrenador y una clase pequeña (30 estudiantes) que trabajan juntos en proyectos de Github, desafíos de algoritmos y qué no.

Aprendizaje asequible / gratuito : Pyoopel believes in free/affordable learning for everyone. Already 25,000+ students have benefited with our free courses. Pyoopel believes in free/affordable learning for everyone. Already 25,000+ students have benefited with our free courses.

Pyoopel cree en el acceso asequible al aprendizaje. Todos nuestros cursos de preparación para exámenes son gratuitos y nuestros cursos de habilidades para la vida tienen un precio actual de INR 1000 / mes .

Elaboración de un plan de estudios propio : As a coder in the real world, it is essential for you to know how to find the answer to your questions. programador As a coder in the real world, it is essential for you to know how to find the answer to your questions.

Aunque creamos una columna vertebral para el curso con secciones de aprendizaje, se anima a cada estudiante a crear su propio plan de estudios de aprendizaje mediante la experimentación con diferentes recursos de aprendizaje en línea gratuitos.

Comunidad muy unida : The biggest reason that self-learning (Autodidacticism) fails is because apart from the fact that there is no one to guide, there are also no friends around you who are doing the same thing.

Cada clase tiene un tamaño de lote pequeño que una guía / instructor puede manejar. La clase trabaja en proyectos comunitarios, revisa las asignaciones de código y completa los capítulos de aprendizaje.

Sinceridad Recompensa : Discounts :) Prizes :)

Ya que, solo queremos estudiantes sinceros en este curso, también estamos ofreciendo un descuento increíble. Si completa los proyectos a tiempo, no tendrá que pagar el próximo mes. Lo mismo ocurre con el mes siguiente. Por lo tanto, si eres sincero, podrías terminar pagando una vez y obteniendo 3 meses de inscripción. Continuando, vamos a instituir algunas recompensas interesantes en el curso también.

Aquí está el enlace al curso:

Aprender Programacion

Answer 9

Hola,

En primer lugar, bien por ti! ¡Aprender a programar solo lo beneficiará en el futuro y lo expondrá a un nuevo mundo de tecnología! En cuanto a cómo comenzar a aprender los lenguajes de codificación, debe considerar realizar un campo de entrenamiento de desarrollo web. De hecho, soy el fundador de BrainStation, una escuela de tecnología con ubicaciones en Toronto, Vancouver, Costa Rica y Nueva York, además de las ofertas en línea. Tenemos cursos en Desarrollo Web a través de una variedad de ofertas diferentes en función de su compromiso de tiempo preferido.

Éstos son algunos de los diferentes tipos:

Desarrollo web a tiempo completo

• Programa de desarrollo web a tiempo completo de 10 semanas en el que aprendes los idiomas front y back end. Este programa está disponible tanto en el campus como en línea, según sus necesidades. Desde la perspectiva del contenido, BrainStation se centra en todo el material que necesita saber para comenzar un nuevo trabajo como desarrollador web después de la graduación. El contenido está dirigido por la industria y se está adaptando constantemente para enseñar lo último en tecnología. Nuestro programa es un compromiso de 10 semanas a tiempo completo de lunes a viernes de 10 am a 6 pm

Desarrollo web a tiempo parcial

• Si no puede comprometerse con un programa de tiempo completo, este curso es un programa de 10 semanas, 3 horas a la semana, en el que puede aprender los conceptos básicos de todo lo relacionado con el desarrollo web. Si no vive cerca de uno de nuestros campus, el curso de medio tiempo también está disponible en línea. El curso está diseñado para que usted esté constantemente aprendiendo material y aplicando ese conocimiento directamente a un desafío en clase, todo lo cual se convierte en un proyecto final durante las 10 semanas.

Talleres de fin de semana

• BrainStation también ofrece cursos intensivos condensados ​​para que usted pueda usar material. Estas sesiones de fin de semana son perfectas para aquellos que no pueden comprometerse hasta 10 semanas, pero que aún desean aprender suficiente material para entrar en la puerta.

Si tiene alguna pregunta, no dude en comunicarse con [email protected] !

Answer 10

Bueno, tienes un montón de recursos por ahí. Pero te puedo recomendar:

• Aprender conceptos básicos sobre HTML y CSS: ¿Qué es HTML? ¿Qué es CSS?
• Aprende la sintaxis HTML5 y semántica.
• Aprendizaje de sintaxis CSS3 y semántica.
• Aprender los selectores de CSS3.
• Aprender CSS3 Box Model.
• Aprende sobre Webfonts.
• Aprenda sobre Diseño Responsivo y Consultas de Medios.
• Conozca las características de CSS3 como: flexbox, tamaño de cuadro, cuadro de sombra, transiciones, animaciones, gradientes, fotogramas clave, transformaciones, etc.
• Muy importante: Pon en práctica tus conocimientos. Crea una cuenta de CodePen y Github (o la que quieras) y practica mucho .
• Aprende las mejores prácticas sobre cómo escribir HTML y CSS.
• Sigue esta guía impresionante Código guía por @mdo

Prima:

– Puedes intentar aprender algo de CSS Framework como: Bootstrap, Foundation u otro.

– Puedes probar un preprocesador de CSS: como Sass, Less, Stylus u otro.

Finalmente , una vez que haya completado su conocimiento, puede intentar aprender Javascript y también seguir los Marcadores de Frontend Dev para obtener conceptos más avanzados.

¡Feliz codificación!

Answer 11

Bueno, para aprender HTML y CSS, solo necesitas una computadora portátil, conexión a Internet y dedicación. El aprendizaje de estos ni siquiera requiere un curso o título profesional.

Consiste en la programación básica.

Aquí está la mejor manera según yo-

1. Comience desde lo básico.

• Aprende primero el HTML básico – Tutorial de HTML W3schools es el mejor sitio web para principiantes.

• Después de eso aprende CSS-CSS Tutorial básico.

• Vaya a w3schools y aprenda HTML / CSS mientras practica en los ejemplos en línea “Pruébelo usted mismo”.

2. Ahora pase a un aprendizaje avanzado a través de videos y cursos profesionales.

Después de familiarizarse con estos dos, debe pasar a las conferencias de video en línea y los cursos destacados.

Lo tendrás todo aquí

Aprender HTML 5 – Los mejores tutoriales de HTML 5 | Hackr.io

Ahora aprenda HTML y CSS simultáneamente con proyectos y sitios web de la vida real.

Aprender CSS – Los mejores tutoriales de CSS | Hackr.io

Crea tus propias páginas web utilizando videoconferencias.

3. Después de hacer todo esto, ahora tendrás un buen control sobre HTML y CSS

Ahora es el momento de explorar y obtener ideas.

• Visita sitios web con los mejores diseños.
• Ver plantillas en Free Website Builder | Crear un sitio web gratuito | Wix.com y WordPress.com: cree un sitio web o blog, exporte su código fuente y aprenda de él.
• Motívese con los mejores diseños web del mundo en Awwwards – Premios del sitio web – Mejores tendencias de diseño web.

Ahora estás listo para crear tus propios sitios web.

Aprende también a Backend de tu elección preferida si quieres ser un desarrollador web completo.

Aprenda PHP, JS, Bootstrap, SQL ETC.

Siempre sepa que nunca hay suficiente para adquirir conocimiento y aprender.

Así que sigue y aprende tanto como puedas 🙂

Answer 12

Sin sonar redundante … No, 6 días no es tiempo suficiente para aprender HTML / CSS y ser “competente”. Para aprovechar al máximo los seis días, aunque me mantendría alejado de W3Schools Online Web Tutorial, ya que es más un sitio de referencia, al menos para mí. Aprenderá mucho más y se sentirá más cómodo al seguir los cursos de la lección en Learn to code (Codecademy).

Al final de los seis días, si completa todos los cursos de HTML / CSS en Codecademy, y hace uno o dos proyectos pequeños para probar lo que ha aprendido, se dirigirá en la dirección correcta.

Answer 13

Aprendiendo html + css (¡gratis, mi precio favorito!) – La edición de YouTube-Junkie:

De hecho, creo que hay muchos buenos tutoriales, recursos y guías de blogs, y en general la mayoría de ellos hará un buen trabajo. Una búsqueda rápida en Google listará> 1 millón de resultados:

Google

El resultado principal es el que recomendaría a todos que comiencen en su camino hacia el aprendizaje del desarrollo web.

http://www.codecademy.com

las rutas html / css (y javascript, supongo) bien valen la pena, y le proporciona los componentes básicos de los elementos html y los atributos / selectores css. Es muy amigable para los principiantes y, con las indicaciones en pantalla + foro / comunidad, hace un muy buen trabajo al pasar la mano por el proceso de aprendizaje.

---

Sin embargo, codecademy es solo un entorno de aprendizaje que te enseña fragmentos de información. El siguiente paso debe ser encontrar su forma de aprender a construir archivos html / css, vincularlos y enviarlos a su navegador.

Cosas que necesitarás desarrollar localmente:

Un navegador web

Puede guardar archivos .html en su escritorio y, siempre que tenga un navegador instalado, puede mostrar y mostrar.

Google Chrome tiene la cuota de mercado, y le recomiendo que comience con Chrome y que se quede con Chrome para realizar las pruebas, pero tendrá que realizar pruebas en todos los navegadores, ya que no todos emiten / muestran / admiten ciertos atributos CSS del mismo

Las herramientas de desarrollo de Chrome también son herramientas esenciales.

• para inspeccionar elementos
• Pruebas en diferentes tamaños de pantalla / dispositivo de pantalla
• Pruebas de errores js scripts etc.
• Muchos complementos de Chrome, por ejemplo, que están diseñados para ayudarte a escribir angularjs.

---

Un editor de texto

Puede hacer un documento .html incluso en el bloc de notas antiguo … Sin embargo, no ofrece ningún tipo de soporte aparte de … escribir …

Mucho mejores alternativas gratuitas, tales como:

• Bloc de notas ++
• Soportes (Adobe)
• Texto sublime
• Átomo

Las cuatro opciones son respetadas. En general, en general recomendaría Atom o Sublime debido a la capacidad de ampliación y al aumento de la productividad general (con ciertos complementos, por ejemplo, emmets).

Si estás atascado, ve con sublime, es popular y tiene algunos excelentes complementos.

---

Nuestro buen amigo Travis Neilson lo guiará a través de los fundamentos de html + css, además de darnos una lección de historia en el camino (para lolz!):

Travis también hace una serie en css, es un tipo genial y mi referencia de referencia para el diseño + front end específicamente.

Hay muchos buenos canales de YouTube que puedo recomendar:

• El nuevo boston
• Derek Banas
• LearnCode.academy

Así como sitios web realmente útiles como

http://www.css-tricks.com

http://www.wc3schools.com

En este punto, le aconsejo que comience a crear sitios web, sin embargo, quizás no estemos listos para crear y hospedar sitios / ¡ganar dinero todavía!

Si desea practicar, presumir o crear cosas con html / css para su cartera, entonces un gran lugar para obtener sus ideas para que todos puedan verlas es:

http://www.codepen.io

---

Desde este punto, si tiene tiempo, le recomiendo que eche un vistazo al canal de YouTube de leveluptuts, un recurso increíble de Scott Tolinski. Si necesita saber algo sobre el desarrollo web, desde html, css, hasta los populares CMS como drupal y WordPress, Scott es su hombre.

LEVELUPTUTS – HTML5 SERIE TUTORIAL:

---

LEVELUPTUTS – CSS TUTORIAL SERIES:

---

Y ponga todo junto … LEVELUPTUTS – CÓMO HACER EL PRIMER SITIO WEB DE LOS JÓVENES:

---

Una vez que hayas visto todo esto, deberías estar al día con html y CSS

Answer 14

http://www.printstuff.org/
1. W3C HTML Tutorial : un tutorial HTML completamente gratuito de los creadores del lenguaje. Esto se divide en lecciones semanales, pero honestamente, puedes hacer todo esto en una semana sin sudar. Una vez que haya terminado, también encontrará que este sitio también sirve como una gran referencia.

Formación XHTML y HTML esencial de Lynda.com : todavía puedo recordar cuándo comenzó Lynda por primera vez. Ella fue una de las primeras personas en hacer tutoriales en video sobre el aprendizaje del desarrollo web. Ahora Bill Weinman tiene un excelente video tutorial en su sitio que le enseña todos los conceptos básicos de XHTML y HTML. Si te gusta aprender de los videos, este es uno de los mejores tutoriales en video para aprender HTML.

3. HTML y CSS para principiantes en Udemy : soy un gran fan de Udemy, tienen algunos cursos excelentes y los precios son generalmente más que razonables. Mark Lassoff tiene un excelente curso de video que cubre tanto HTML como CSS y no requiere experiencia previa con ninguno de los dos.

Answer 15

No te pediría que te mantengas en un libro solo para aprender todos los conceptos. Una mejor opción será comenzar a codificar una vez que esté claro con lo básico. Debe escribir el código por su cuenta para que pueda comprender el uso de todas las etiquetas HTML.

Créeme, HTML es fácil de codificar y jugar. Todo lo que necesita es un buen conocimiento básico sobre él y luego será divertido jugar con HTML.

Y para obtener este conocimiento básico de HTML, hay muchos tutoriales a los que puede consultar. Algunos de los buenos tutoriales que puedo preferirles son:

1. Tutoriales, referencias y artículos en HTML, CSS y JavaScript
2. Tutoriales en línea de W3Schools en línea
3. Javatpoint – Una solución de toda la tecnología

La estructura básica de HTML tiene una etiqueta de cabecera y cuerpo contenida en una etiqueta de apertura y cierre de HTML. Para trabajar con HTML puede usar un editor de Bloc de notas, Sublime o cualquier otra herramienta en línea.

Ahora el CSS puede ser un poco más desafiante, pero si pones esfuerzo, puedes hacer una página hermosa. CSS va con el estilo de su página HTML.

Estos son algunos de los blogs que le ayudarán a obtener los conocimientos básicos de HTML y CSS:

1. Actualizaciones rápidas en HTML5

2. Front End Design Stack – Guía para principiantes sobre diseño web sensible

Shabeena | ACAD GILD | Aprender. Hacer. Ganar

Answer 16

De hecho, creo que hay muchos buenos tutoriales, recursos y guías de blogs, y en general la mayoría de ellos hará un buen trabajo. Una búsqueda rápida en Google te mostrará trillones de resultados.

Las rutas html / css (y javascript) merecen ser revisadas.

La forma más eficiente de aprender codificación es practicar la práctica, practicar, por favor no dejes de practicar.

1. Comience con lo básico

   Conocer los antecedentes y el propósito de HTML y CSS te ayudará a medida que aprendas. Si entiendes que HTML le da estructura y significado a tu código y que CSS le da estilo a tu código, esto te ayudará a mantener las cosas donde deben estar cuando aprendas.

2. Construir cosas reales

La mejor manera de aprender HTML y CSS (y el desarrollo web en general) es construir cosas. Si bien los ejercicios en el navegador, como los que se encuentran en Codecademy , son excelentes para enseñar los conceptos y la sintaxis, para comprender profundamente estas cosas, debe aplicarlas en la naturaleza. Esto es similar a aprender a volar: los simuladores de vuelo pueden enseñarte mucho, pero tienes que volar aviones para convertirte en piloto.

3. ¡ Usa Google!
Desde el momento en que empiezas a aprender hasta que eres un diseñador web completo, Google (o Bing o lo que sea) debería ser tu mejor amigo.

Lista de recursos: – HTML, CSS, y JS

1. Trucos CSS
2. Desbordamiento de pila
3. Aprender a codificar
4. W3Schools Online Web Tutorial.
5. Aprende a codificar y ayudar a organizaciones sin ánimo de lucro.

Si estás interesado en leer libros, te recomendaría estos libros al 100%.

Aprender JavaScript y jQuery – Jon Duckett

Aprende HTML y CSS – Jon Duckett

Answer 17

Sugeriría que los siguientes son los mejores recursos en línea para aprender HTML y CSS. Aquí obtienes lo básico para un conocimiento avanzado.

Codecademy: ¿Desea desarrollar un sitio web interactivo y desplegarlo como un profesional? Sí, puedes hacerlo ahora solo si tienes interés. El sitio web de CodeAcademy le brinda el material junto con una guía de video.

Le ofrece aprender java, HTML y CSS, SQL e incluso muchos más idiomas que se usan actualmente en la actualidad. Resolver la pregunta del cuestionario en CodeacAdemy te hace mejorar tu conocimiento y comenzar tu primer día en la oficina y los estudiantes incluso pueden prepararse para una entrevista.

2. Vengadores del código: en general, los estudiantes tendrán poco miedo a la programación. Pero los más nuevos que comienzan a aprender su programación con este sitio web pueden tener un viaje espléndido en su trabajo, ya que los cursos reciben una gran atención, conceptos esenciales para los principiantes e incluso para los expertos. Los alumnos pueden aprender HTML5, CSS3 y JavaScript.

3. Udacity: uno de los mejores tutoriales en línea que le ofrece conferencias de video completas y crea la sensación de interactuar con un entrenador profesional.

Es realmente interesante para los estudiantes y los más nuevos aprender los temas y despejar las dudas de los expertos. Todas las lecciones en video se explicarán con escenarios en tiempo real, por lo tanto, podrá perfeccionar sus habilidades según los estándares de la industria. Incluso puedes participar en pruebas y ganar más temas en menos tiempo.

4. Escuela de código: si desea obtener un conocimiento profundo de Ruby, java script y también HTML / CSS y iOS . Entonces este es el increíble sitio web que la mayoría de los estudiantes están usando mientras aprenden lo básico.

Estará despejando incluso las entrevistas difíciles a medida que obtenga el conocimiento que se implementa en las prácticas de la industria.

5. Academia Khan: cuando deseaba conocer el patrón de programación, en general, puede obtenerlo en la Academia Khan. Ofrece muchos dibujos interesantes, animaciones que podemos hacer con la codificación.

Todos los conceptos explicados en esta academia lo ayudan a obtener experiencia no solo en programación sino también en habilidades creativas. El patrón de programación que aprendas aquí te será útil en todas partes.

6. W3C: No hace falta dar una introducción sobre este sitio web porque todos los estudiantes lo sabrán. Aquí puede aprender muchos idiomas desde el principio y también hay muchos aspectos que son de gran ayuda para usted. Todas las técnicas de codificación se describen aquí claramente para todos los idiomas.

7. Tutorial de HTML5: una plataforma absolutamente buena para aprender HTML5, donde puede obtener información básica sobre conocimientos avanzados en el último HML5.

Hay tutoriales detallados e incluso los más frescos pueden aprender los aspectos con claridad. Es después de leer todo el material, incluso el estudiante obtendrá un control total sobre el idioma. Los profesionales han programado el material y por eso es de gran utilidad.

8. HTMLDog: Aunque tenemos varias fuentes para aprender HTML, HTMLDog es bastante diferente de ellos con su explicación básica sobre HTML, etiquetas detalladas con referencias y técnicas.

Los mejores recursos sugeribles para que los estudiantes aprendan los fundamentos de HTML, porque la codificación y los trucos mencionados por los profesionales en HTMLDog son útiles para aprender los idiomas correctamente.

9. Guía para desarrolladores de Mozilla: además de HTML y tecnología web, hay muchos aspectos que son útiles para usted, como la tecnología web y las guías para desarrolladores web.

Hay una descripción completa sobre los elementos, etiquetas y atributos del HTML y cómo hacer tutoriales para los desarrolladores web. Eche un vistazo al sitio web y obtenga más información sobre HTML y la tecnología web.

10. W3Resource: Este es el sitio web más reputado para aprender el script java y también HTML. Puede aprender muchas técnicas de validación que son útiles para cada proyecto.

A medida que aprende cosas de aquí, seguramente su confianza aumentará y esto ayuda a los estudiantes a despejar sus entrevistas técnicas y las más frescas para aprender cómo hacer su trabajo con menos orientación.

Answer 18

Cuando comienzo a aprender, busqué buenos recursos en línea. Uno no puede volverse experto de una sola vez. Por lo tanto, no intente aprender todo de un libro de texto al principio, ya que podría acabar con su interés como principiante. Ir a través de un tutorial en línea muy básico como el siguiente:
Tutoriales en línea de W3Schools en línea
HTML y CSS
Punto de tutoriales
Aprender CSS Layout

Estas son las plataformas en las que puedes comenzar rápidamente en 10 minutos y ver las cosas en funcionamiento. Puede codificar fácilmente y ver el resultado en el navegador sin mucha molestia.

Luego puedes seguir una plataforma como Free Code Camp, donde puedes aprender a hacer proyectos y colaborar con otros desarrolladores. También puedes aportar tu aprendizaje a ONGs en proyecto web. Este es mi sitio web favorito para el aprendizaje en línea porque hay muchas cosas que hace y evoluciona como desarrollador a lo largo del tiempo.

Siguiendo ahora, puedes leer varios libros de texto para convertirte en un experto. También puedes unirte a la plataforma MOOC en línea de Coursera o Edex para clases más organizadas.

Espero que esto ayude a los principiantes. ¡¡Aclamaciones!!

Answer 19

Para los principiantes, quienes no tienen una formación técnica, pero deben tener conocimientos de informática básica y navegación por Internet, poco conocimiento sobre el navegador y el editor de texto.

Navegador popular:

Mozilla Firefox (se instala de forma predeterminada en la mayoría de las versiones de Linux)

Internet Explorer (de forma predeterminada, instalar en Windows XP, 7, 8, 10)

Google Chrome (Necesidad de instalar)

Editor de texto:

Bloc de notas (de forma predeterminada, instalar en Windows XP, 7, 8, 10)

Gedit (Por defecto, instale en la mayoría de las versiones de Linux)

Bloc de notas ++

Geany

Para aprender HTML y CSS, hoy, muchos sitios web y videos tutoriales están disponibles en línea. Aquí, algunos sitios web están listados abajo:

1. Tutoriales en línea de W3Schools en línea
2. Aprender a codificar
3. Tutorial de TheNewBoston en Youtube para HTML y CSS

Creo que estos tres enlaces son suficientes para aprender y mejorar sus habilidades en principiantes de HTML y CSS.

Answer 20

HTML : HyperText Markup Language ( Lenguaje de marcado de hipertexto) y proporciona una estructura y significado del contenido al describir ese contenido como, por ejemplo, encabezados, párrafos o imágenes.

CSS – Cascading Style Sheets es un lenguaje de presentación creado para personalizar el aspecto del contenido, utilizando, por ejemplo, fuentes o colores.

Estos dos idiomas, HTML y CSS, son independientes entre sí y deben seguir siéndolo. CSS no debe estar escrito dentro de un documento HTML y viceversa. Como regla general, HTML siempre representará el contenido, y CSS siempre representará la apariencia de ese contenido.

Fly High Animation es el mejor lugar para capacitarse en diseño web