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

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

Debería poder aprender lo suficiente sobre los conceptos básicos de HTML y CSS para poder 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 mientras la escriben.

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

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

Cómo hacer texto CSS en cursiva

Verás una tonelada de artículos que explican exactamente cómo hacerlo. Eso significa que debe enfocarse en ser lo suficientemente competente con HTML para poder comprender ese tipo de páginas y poder aprender los detalles sobre la marcha.

Sugiero evitar hacer cosas en el navegador, como Codecademy, simplemente porque aprender escribiendo código y viendo el resultado mientras lo codifica le ayudará a aprender el material mucho más rápido.

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

Curso de introducción a la codificación gratuita: la mejor preparación para cualquier campamento de arranque de codificación

Si le gustó mi respuesta, significaría mucho para mí si la votara al presionar el botón azul claro a continuación.

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 la especificación HTML5 algún día. Mozilla Developer Network ( http://developer.mozilla.org ) es una referencia bastante buena que recomiendo consultar después de aprender los conceptos básicos.

Idiomas y API:

• Tutorial HTML / CSS: http://htmldog.com
• Lista de etiquetas HTML4: http://htmldog.com/reference/htm …
• Especificación 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 referencia y la guía): http://developer.mozilla.org/en/ …
• jQuery: http://jquery.com

Herramientas:

• Firebug, quizás el depurador de facto de la página web: https://addons.mozilla.org/en-US … Incluso hay complementos para Firebug, como la velocidad del sitio de Google: http://code.google.com/speed/pag …
• Barra de herramientas para desarrolladores web, ligera 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 mientras aprendía porque el autocompletador me mostró qué etiquetas existían. La sintaxis de HTML y CSS es razonablemente 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 actualizaciones instantáneamente en una variedad de navegadores es una ganancia de productividad y fue mi característica favorita de Microsoft Expression Web.

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

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 me llevó 1 día (5-6 horas) aprender los conceptos básicos y 2 días más para poder solucionarlo. Esto es para mostrar lo fácil que es aprender HTML y CSS. Sin embargo, hay más y lo discutiré más adelante.

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

Antes de comenzar, necesitará algunas herramientas:
1. Un editor de texto. Puede usar el que viene precargado en su computadora. En Windows es Notepad o Wordpad, en Ubuntu es gedit y creo que Mac tiene TextMate. Personalmente uso Sublime Text porque es muy 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 de si hubo un punto en poner eso aquí jaja). Bueno, al principio, realmente no va a importar, pero a medida que avance, necesitará tener diferentes navegadores para probar su salida. Pronto se dará cuenta de que tiene que instalar Chrome, Firefox, Safari, Opera, IE, Edge o nuestro navegador para poder ver si su página es compatible con varios navegadores. Por supuesto, para entonces se dará cuenta de que puede usar marcos para resolver este problema.

Bien, ahora te daré algunos consejos. Como mencioné anteriormente, lo aprendí bastante rápido y tú también puedes. El truco es que necesitas escribir código mientras aprendes. Algunas personas podrían argumentar que prefieren leer un fragmento completo, luego comenzar a escribir código y regresar si no lo recuerdan. Esto no funciona para mi. Creo que practicar mientras lees es la mejor manera de obtener la información dentro de tu cabeza 🙂

En el enlace que publiqué anteriormente, verá que los tutoriales son muy fáciles de leer y le proporcionan fragmentos de código simples que necesita escribir y ver la salida de su navegador. Entonces, comience con lo básico, asegúrese de comprender lo que está sucediendo y siga avanzando. HTML es básicamente entender cómo funcionan las etiquetas y el anidamiento. Estoy bastante seguro de que aprendiste conjuntos básicos en la escuela primaria. Básicamente, HTML es como conjuntos y subconjuntos. Simplemente necesita saber visualizar cómo funciona el anidamiento. Una vez que pueda ver fácilmente la anidación, está listo para ir 🙂

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

La identificación se usa para diseñar una cosa, mientras que la clase se usa para diseñar muchas cosas diferentes. Pongamos un ejemplo. Si tiene una sección principal y una sección de comentarios, desearía tener 2 identificadores diferentes para cada sección para poder diseñarlos. Ahora podría tener diferentes textos en su 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.
Simplemente piense en la identificación como su 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 utilizas para comprar las mismas cosas. Eso debería cubrir los conceptos básicos de CSS. Ahora solo tienes que aplicar el estilo.

Una vez que comprenda los conceptos básicos, 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 más aprendes, 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á mucho Stackoverflow y se dará cuenta de que la mayoría de sus preguntas ya han sido respondidas con una solución. Así es como puedes mejorar en eso.

Una vez que consiga 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 increíblemente bien diseñados y también puede aprender de allí. Vea cómo lo hacen e intente hacer algo similar (solo con fines educativos. Tenga en cuenta que no es ético copiar el trabajo de otra persona y etiquetarlo como suyo).

Supongo que si pones de 4 a 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 crear algunas páginas geniales desde cero. Después de practicar bastante y hacer 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 navegador. Esta bien. Aquí es cuando comenzará a buscar compatibilidades y marcos entre navegadores como Bootstrap, por ejemplo. NO, repito, NO aprendas Bootstrap primero. Mucha gente comete este error. Creo que debe tener una comprensión divina de la base y luego pasar 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 sienta que tiene una buena base con HTML y CSS. Y luego puede pasar al back-end con un lenguaje como PHP o Ruby. Ambos son lenguajes muy comunes utilizados en estos días. A medida que obtenga más y más información, busque cosas como Node.js o Angular.

Supongo que eso es todo.

Buena suerte en tu camino de aprendizaje. 🙂

Sin sonar redundante … No, 6 días no es tiempo suficiente para aprender HTML / CSS y ser “competente”. Sin embargo, para aprovechar al máximo los seis días, me mantendría alejado del Tutorial web en línea de W3Schools, 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 realiza un pequeño proyecto o dos para probar lo que ha aprendido, se dirigirá en la dirección correcta.

Según mi opinión, HTML y CSS son muy fáciles de aprender. Pero, puede parecer intimidante al principio. Te sugiero que sigas 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 ” Cross Browser Hacks “, ” Transition Effects” , ” CSS3 Animation” , ” HTML5 Canvas”, etc. Para esto, le sugiero que use css-tricks.com. Este es un recurso muy útil. Practique todos los trucos que aprende y comience a implementarlos en los sitios web que realice.

Paso 3:
Okay. Entonces, si ha seguido el Paso 2 correctamente, ahora se ha convertido en un buen desarrollador web, ahora es el momento de convertirse en 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:
Entonces, si ha seguido todos los pasos correctamente, ahora se ha convertido en un buen desarrollador front-end. Ahora, es hora de perfeccionar tus habilidades. Te sugiero que te unas a http://www.forrst.com , es un sitio de redes sociales para diseñadores de sitios web. Aprenderá mucho de este sitio interactuando con otras personas de ideas afines. Además, debe comenzar a leer blogs como http://www.smashingmagazine.com .

Paso 5:
Ahora, todo lo que necesitas es practicar. Cree su propio sitio web personal, publíquelo en Internet. Interactúa con diseñadores web / desarrolladores o diseñadores gráficos. Intenta conseguir clientes. Si todavía tiene curiosidad intelectual y desea obtener más información, le sugiero que haga el curso HCI (Interacción humano-computadora) en Coursera, que ofrece la Universidad de California en San Diego ( https: //www.coursera. org / course / ….). También puede aprender Ruby, y eventualmente aprender Ruby On Rails, al usar estos idiomas puede crear sus propias aplicaciones web. Además, aprende Twitter Bootstrap http://getbootstrap.com/ , este marco se utiliza de forma masiva para crear sitios web receptivos.

Espero que esto ayude 🙂

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í en el código. Me basé en 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 aplicarlos en la naturaleza. Esto es similar a aprender a volar: los simuladores de vuelo pueden enseñarle mucho, pero tiene que volar aviones para convertirse en piloto.

2. Lee mucho código

Tan importante como es escribir código, es igualmente importante leer código. La emulación es una parte importante de aprender cualquier cosa. Encuentre a alguien que sepa más que usted y aprenda de ellos. No es casualidad que el suéter de Kobe Bryant se parezca exactamente al de Jordan.

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

3. Perfecciona tu oficio

Hay un extracto de un libro llamado Art and Fear que es relevante aquí:

El maestro de cerámica anunció que estaba dividiendo su clase en dos grupos. Todos los que están en el lado izquierdo del estudio serían calificados únicamente por la cantidad de trabajo que produjeron, todos los que están a la derecha calificaron únicamente por su calidad.

Su procedimiento era simple: en el último día de clase sopesaría el trabajo del grupo de “cantidad”: 50 libras de macetas con calificación A, 40 libras por B, y así sucesivamente. Sin embargo, aquellos que fueron calificados en “calidad”, necesitaban producir una sola maceta, aunque perfecta, para obtener una A.
Bueno, llegó el momento de calificar y surgió un hecho curioso: ¡los trabajos de la más alta calidad fueron producidos por el grupo que se calificaba por cantidad!

Parece que si bien el grupo de “cantidad” estaba ocupado produciendo montones de trabajo, y aprendiendo de sus errores, el grupo de “calidad” se había sentado teorizando sobre la perfección, y al final tenía poco más que mostrar por sus esfuerzos que grandiosas teorías 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 termine ese primer proyecto, comience otro. Construye algo para ti. Construye algo para un amigo. Construye algo por diversión. Construye algo solo para construir algo.

Como recién estás comenzando y quieres saber por dónde empezar, puedo indicarte algunas direcciones.

• Construya su primer sitio web de Bloc: un curso intensivo en HTML y CSS
• Dash por Asamblea General
• Codecademy ( http://www.codecademy.com/ )
• Shay Howe aprende a codificar HTML y CSS
• Tutorial para principiantes HTML de HTML Dog

Descargo de responsabilidad: soy el Director de diseño de UX en Bloc ( http://www.bloc.io ), donde ofrecemos tutoría individual para personas que desean aprender a desarrollarse para la web, crear aplicaciones móviles o convertirse en diseñador .

Es extremadamente valioso comprender los fundamentos del diseño web si desea trabajar en marketing digital, redes sociales o diseño. Afortunadamente, hay muchos excelentes cursos y herramientas en línea 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 cómo se crean 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 la red mundial de Internet. En unas pocas horas de estudio de estos dos lenguajes de marcado web, podrá comenzar a construir su primer sitio web. Pero no se detiene ahí. Hay otras habilidades útiles que debe 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 construir 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á 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 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: descubra cómo construir aplicaciones web y sitios web usando HTML5, CSS3 y Javascript.
3. Mozilla’s School of Webcraft: una comunidad en línea gratuita para aprender diseño y desarrollo web.
4. 30 días para aprender HTML y CSS: un curso gratuito de Tuts + donde se le enseña a crear su primer sitio web en un mes.
5. Hack Design: reciba una lección de diseño en su bandeja de entrada de correo electrónico cada semana. Actualmente 26 lecciones de diseñadores profesionales.
6. Una guía para principiantes de HTML / CSS: aprenda principios de diseño y desarrollo de front-end como tipografía, fondos y degradados.
7. Fundamentos de HTML5 y CSS3: Desarrollo para principiantes absolutos: 21 excelentes episodios de video en diseño web del Canal 9.
8. HTML básico y CSS para diseñadores no 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 usar las herramientas esenciales de diseño y desarrollo web.
10. Programador: aprenda completando ejercicios HTML en vivo en su navegador.

Cursos premium de diseño web:

Estos cursos tienden a tener mejor contenido que los gratuitos. Los sitios web completos de la academia de diseño web como TreeHouse y CodeSchool son muy recomendables.

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

1. HTML y CSS para principiantes (Udemy): aprenda a crear un sitio web dinámico y visualmente agradable sin experiencia previa en codificación. $ 49
2. Conviértase en desarrollador web desde cero (Udemy) Aprenda los lenguajes de desarrollo web HTML / HML5, CSS3, Javascript y PHP. $ 199
3. HTML y CSS desde cero en 30 días (SkillShare): aprenda a crear su propio sitio web. Este curso tiene más de 11 horas de capacitación en video. $ 25
4. Ruta de aprendizaje HTML / CSS (CodeSchool): aprenda diseño web y desarrollo front-end. $ 25 / mes
5. Aprendizaje: desarrollo front-end: una combinación de recursos para aprender diseño web, Javascript, WordPress y más. $ 29 / mes
6. Design for Engagement: Cómo diseñar para que las personas tomen medidas (Udemy): un excelente curso en psicología del diseño y diseño de la experiencia del usuario.
7. Tuts +: explore cientos de tutoriales fáciles de seguir para desarrollo web y 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 web y el desarrollo. Instructores muy bien organizados y de calidad. $ 25 / mes

Tutoriales HTML / CSS:

Hackea algunas nuevas habilidades de diseño y codificación con estos tutoriales HTML y CSS seleccionados a mano.

1. CSS Mastery (Tuts +): aprenda a crear aplicaciones web elegantes 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 es más avanzado, comience 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 sobre HTML, CSS3, AJAX y Javascript.
5. HTML, CSS y Javascript desde cero (Google Code University) – Tutoriales en video de Google.
6. Desarrollo web desde cero (Tuts +): una serie de tutoriales de desarrollo web para aquellos con cero 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 HTML.Net: una buena colección de tutoriales para aprender HTML, CSS, PHP y Javascript.
9. Tutoriales HTML y CSS (HTML Dog): tutoriales, referencias y ejemplos rápidos y fáciles de seguir para perfeccionar sus habilidades 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 diseñador sin ir a la escuela de diseño: excelentes consejos a seguir por un diseñador que hizo el camino del bricolaje.

Libros electrónicos HTML / CSS:

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

1. HTML y CSS: diseño y creación de sitios web: una introducción accesible y bellamente diseñada a HTML y CSS.
2. Dominio de CSS: si ya tiene experiencia con CSS pero desea aprender temas más avanzados, este es un libro excelente.
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 libro electrónico informativo de 18 capítulos.
5. No me hagas pensar: un enfoque de sentido común para 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 drásticamente su tiempo de desarrollo al proporcionar una base de código y el último marcado HTML5 / CSS3 receptivo para construir. También facilitan que sus sitios web se vean perfectos en todos los dispositivos y tamaños de pantalla.

Twitter Bootstrap: el marco web receptivo más popular. Está repleto de características, se actualiza regularmente y un buen marco para comenzar.

1. Fundación: marco de diseño ligero y rápido para dispositivos móviles.
2. Gumby: hermoso marco de diseño que utiliza SASS (Hojas de estilo sinctacticamente impresionantes), una extensión de CSS3.
3. Esqueleto: un kit de desarrollo web completo para construir sitios web receptivos y aptos para dispositivos móviles rápidamente.
4. Base: un marco simple, receptivo y basado en cuadrículas para diseño web.
5. Sistema de cuadrícula receptiva: un marco simple para crear temas receptivos rápidamente.

Sistemas de gestión de contenidos (CMS):

Ya casi nadie construye sitios web HTML independientes. Si te tomas en serio el diseño web, te recomiendo que aprendas 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 se hacen por menos de $ 5000 son pirateados juntos desde los temas de WordPress.

1. WordPress: ofrece más sitios web que casi todos los demás CMS combinados. Muchos complementos y temas gratuitos.
2. Joomla: más complicado que WordPress pero también más potente. Excelente comunidad y muchos complementos.
3. Drupal: la plataforma CMS de código abierto más flexible. Curva de aprendizaje empinada.
4. Squarespace: plataforma de alojamiento y diseño web basada en la nube. Bueno para aficionados y sitios web rápidos.
5. Tumblr: blogs gratuitos que se pueden personalizar en gran medida. Comunidad masiva.
6. ModX: un CMS relativamente nuevo que parece interesante.

Redes de cartera web:

Tener un portafolio profesional de diseño web es mucho más importante que su currículum o credenciales. Estos sitios web lo ayudarán a relacionarse con otros diseñadores y ofrecerán su mejor trabajo para recibir 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 de diseñadores más grande de la web. Recientemente comprado por Adobe por más de $ 150 millones.
2. Cargo: una comunidad de diseño donde se aplican y obtienen la aprobación de otros diseñadores.
3. Scoutzie: un sitio de cartera para diseñadores profesionales que desean trabajar por cuenta propia con nuevas empresas.
4. DeviantArt: más de una comunidad de artistas, pero este sitio es enorme.

Comentarios de 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. Primero: Mejore su diseño web a través de comentarios en esta comunidad.
2. Hunie: comunidad colaborativa para las críticas de diseño entre pares.
3. Usabilla: le permitimos 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.

Encuentre trabajo de diseño independiente:

Una de las formas más fáciles de obtener experiencia cuando está comenzando es ofertar en sitios web de outsourcing. Comience a ofertar bajo y podrá crear una cartera, recomendaciones sociales y un historial en estos sitios web. Luego, puede buscar los contratos de diseño web más lucrativos.

1. Elance: creo que este es el mejor sitio web de outsourcing. Construya su cartera, revisiones y referencias para aterrizar los grandes proyectos.
2. oDesk – Similar a Elance, oferte en cientos de proyectos de diseño web y desarrolle su perfil en línea para hacerse notar.
3. DesignCrowd: mercado específico de diseño web donde puede ofertar por proyectos.

Foros de diseñadores web:

Si tiene alguna pregunta o quiere saber cuál es el último rumor 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. Charla de diseñadores: un foro de diseño web con más de 20,000 miembros.
3. DigitalPoint: otro foro web masivo que existe desde hace 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. Webmaker de Mozilla: comunidad global de diseño web dedicada a crear, remezclar y enseñar habilidades web.
8. Mozilla Developers Network: una comunidad abierta de diseñadores y desarrolladores web.
9. El apretón de manos secreto: un recurso en línea para jóvenes estudiantes y creativos que desean incursionar en la industria del diseño digital.

Inspiración de los profesionales:

Estos sitios web presentan 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 de 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. The Design Inspiration: inspiración para logotipos, arte, sitios web y tarjetas de visita.

Caja de herramientas esencial:

Adobe Creative Cloud: Adobe recientemente renombró 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 profesional que impulsa a la mayoría 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: inspeccione HTML y modifique el estilo / diseño en tiempo real.
2. Validación de marcado W3C: asegúrese de que su código se valida 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: cree esquemas de color para sus sitios web.
6. CoffeCup HTML Editor: uno de los mejores editores 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 de Photoshop de código abierto.
9. Dedal: una herramienta de Mozilla que le permite escribir y editar HTML y CSS directamente en su navegador (y corrige sus errores).

Blogs de diseño web:

Estos son algunos de los blogs de diseño web más importantes que puede 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. Cabina UX: comentarios expertos, publicaciones y recursos sobre usabilidad, experiencia del usuario y diseño de interacción.
4. Seis revisiones: publicaciones de diseño innovadoras 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 del desarrollador web: un recurso enorme para todo lo que necesita relacionado con el diseño y desarrollo web.
2. Documentos de la plataforma web: un nuevo sitio impulsado por la comunidad que pretende convertirse en una fuente autorizada para el diseño y desarrollo web.
3. Move The Web Forward: comprenda los estándares web y cómo están evolucionando.
4. Referencia CSS de Mozilla: una buena referencia para el marcado CSS.

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

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

Podrías probar Pyoopel:

Estamos en línea : hemos comenzado a enseñar codificación de la manera correcta en Pyoopel. Es un curso en el que entiendes la programación de computadoras como un arte y un medio de autoexpresión . Hay mucho por explorar en este campo, y todos somos alumnos que acabamos de comenzar. Si está motivado, 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 trabajen juntos en proyectos de Github, desafíos de algoritmos y demás.

Aprendizaje gratuito / asequible : 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 .

Trazar su propio plan de estudios : 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 alienta a cada alumno a crear su propio plan de estudios al experimentar con diferentes recursos de aprendizaje en línea gratuitos.

Comunidad estrechamente 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 un guía / instructor puede manejar. La clase trabaja en conjunto en proyectos comunitarios, revisa las asignaciones de códigos y completa los capítulos de aprendizaje.

Sinceridad premiada : Discounts :) Prizes :)

Dado que solo queremos alumnos sinceros en este curso, también ofrecemos un descuento increíble. Si completa los proyectos a tiempo, no tendrá que pagar el próximo mes. Lo mismo vale para el mes siguiente. Por lo tanto, si es sincero, podría terminar pagando una vez y obtener 3 meses de inscripción. Continuando, instituiremos algunas recompensas geniales en el curso también.

Aquí está el enlace al curso:

Aprender programación

Bueno, tienes toneladas de recursos por ahí. Pero te puedo recomendar:

• Aprenda conceptos básicos sobre HTML y CSS: ¿Qué es HTML? ¿Qué es el CSS?
• Aprenda la sintaxis HTML5 y la semántica.
• Aprenda la sintaxis CSS3 y la semántica.
• Aprenda los selectores CSS3.
• Aprenda el modelo de caja CSS3.
• Aprenda acerca de Webfonts.
• Aprenda sobre diseño receptivo y consultas de medios.
• Aprenda sobre las características de CSS3 como: caja flexible, tamaño de caja, sombra de caja, transiciones, animaciones, gradientes, fotogramas clave, transformaciones, etc.
• Muy importante: implementa tu conocimiento. Crea una cuenta de CodePen y Github (o la que quieras) y practica mucho .
• Aprenda las mejores prácticas sobre cómo escribir HTML y CSS.
• Sigue esta increíble guía Guía de códigos de @mdo

Prima:

– Puede intentar aprender algunos marcos CSS como: Bootstrap, Foundation u otro.

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

Finalmente , después de haber completado su conocimiento, puede intentar aprender Javascript y también seguir los marcadores Frontend Dev Bookmarks para obtener conceptos más avanzados.

¡Feliz codificación!

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

Consiste en programación básica.

Aquí está la mejor manera de acuerdo a mí.

1. Comience desde lo básico.

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

• Después de eso, aprenda el tutorial básico CSS -CSS.

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

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

Después de sentirse cómodo con estos dos, debe pasar a conferencias en video en línea y cursos destacados.

Lo conseguirás todo aquí.

Learn 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.

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

Crea tus propias páginas web usando video conferencias.

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

Ahora es el momento de explorar y obtener ideas.

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

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

Aprenda Backend también de su elección preferida si desea ser un desarrollador web completo.

Aprenda PHP, JS, Bootstrap, SQL ETC.

Siempre sepa que nunca hay suficiente para obtener conocimiento y aprendizaje.

Así que sigue y aprende tanto como puedas 🙂

Aprendizaje de html + css (¡gratis, mi precio favorito!) – la edición YouTube-junkie:

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

Google

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

http://www.codecademy.com

Vale la pena echarle un vistazo a las rutas html / css (y javascript, supongo), y le proporciona los componentes básicos de los elementos html y los atributos / selectores css. Es muy amigable para los novatos y, con las indicaciones en pantalla + foro / comunidad, hace un muy buen trabajo al sostener su mano durante el proceso de aprendizaje.

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

Cosas que necesitará desarrollar localmente:

Un navegador web

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

Google Chrome tiene la cuota de mercado, y le recomiendo que comience con Chrome y se quede con Chrome para realizar pruebas, pero deberá probar en todos los navegadores porque no todos generan / muestran / admiten ciertos atributos CSS.

Chrome Dev Tools también son herramientas esenciales:

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

Un editor de texto

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

Alternativas gratuitas mucho mejores, como:

• Notepad ++
• (Adobe) Soportes
• Texto sublime
• Átomo

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

Si estás atrapado, ve con lo sublime, es popular y tiene algunos complementos geniales

Nuestro buen amigo Travis Neilson lo guiará a través de los fundamentos de html + css, además de brindarnos 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 para el diseño + front end específicamente.

Hay muchos buenos canales de youtube que puedo recomendar:

• El nuevo boston
• Derek Banas
• LearnCode.academy

Además de 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, tal vez no estemos listos para construir y alojar 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 las vean es:

http://www.codepen.io

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

LEVELUPTUTS – SERIE TUTORIAL HTML5:

LEVELUPTUTS – SERIE TUTORIAL CSS:

Y póngalo todo junto … LEVELUPTUTS – CÓMO HACER SU PRIMER SITIO WEB:

Una vez que hayas visto todo lo que definitivamente deberías estar al día con html y CSS 🙂

http://www.printstuff.org/
1. Tutorial HTML de W3C : un tutorial HTML completamente gratuito de los creadores del lenguaje en sí. Esto se divide en lecciones semanales, pero, sinceramente, puede 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.

Lynda.com XHTML y HTML Essential Training – Todavía puedo recordar cuándo Lynda estaba comenzando. Ella fue una de las primeras personas en hacer tutoriales en video sobre el aprendizaje del desarrollo web. Ahora Bill Weinman tiene un gran 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 videos tutoriales para aprender HTML.

3. HTML y CSS para principiantes en Udemy : soy un gran admirador 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.

No te pediría que te quedes en un libro solo para aprender todos los conceptos. Una mejor opción será comenzar a codificar una vez que tenga claro 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 necesitas es un buen conocimiento básico al respecto y luego será divertido jugar con HTML.

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

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

La estructura básica de HTML tiene una etiqueta de encabezado 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 CSS puede ser un poco más desafiante, pero si te esfuerzas, puedes hacer una página hermosa. CSS va con el estilo de tu página HTML.

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

1. Actualizaciones rápidas en HTML5

2. Pila de diseño front-end: guía para principiantes sobre diseño web receptivo

Shabeena | ACAD GILD | Aprender. Hacer. Ganar

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

Vale la pena echarle un vistazo a las rutas html / css (y javascript).

La forma más eficiente de aprender codificación es practicar, practicar, practicar. No deje de practicar.

1. Comience con lo básico

   Conocer los antecedentes y el propósito de HTML y CSS lo ayudará a medida que aprende. Si comprende que HTML le da estructura y significado a su código y que CSS le da estilo a su código, esto lo ayudará a mantener las cosas donde deben estar mientras aprende.

2. Construye 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 aplicarlos en la naturaleza. Esto es similar a aprender a volar: los simuladores de vuelo pueden enseñarle mucho, pero tiene que volar aviones para convertirse en piloto.

3. Use Google!
Desde el momento en que comienzas a aprender hasta que eres un diseñador web de pleno derecho, Google (o Bing o lo que sea) debería ser tu mejor amigo.

Lista de recursos: – HTML, CSS y JS

1. CSS-Tricks
2. Desbordamiento de pila
3. Aprende a codificar
4. Tutorial web en línea de W3Schools.
5. Aprenda a codificar y ayudar a organizaciones sin fines de lucro

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

Aprenda JavaScript y jQuery – Jon Duckett

Aprenda HTML y CSS – Jon Duckett

Sugeriría que los siguientes son los mejores recursos en línea para aprender HTML y CSS. Aquí obtienes conceptos básicos de conocimientos avanzados.

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

Le ofrece aprender java, HTML y CSS, SQL e incluso muchos más idiomas que se utilizan 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 la entrevista.

2. Code Avengers: en general, los estudiantes tendrán un poco de 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 se brindan con gran atención, conceptos esenciales para principiantes e incluso por expertos. Los estudiantes pueden aprender HTML5, CSS3 y JavaScript.

3. Udacity: uno de los mejores tutoriales en línea que le ofrece conferencias en 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 sus dudas de los expertos. Todas las lecciones en video se explicarán con escenarios en tiempo real, por lo tanto, ajustará las habilidades según los estándares de la industria. Incluso puedes participar en concursos y ganar más asignaturas en menos tiempo.

4. Code School: si desea obtener un conocimiento profundo de Ruby, Java Script y también HTML / CSS e iOS . Entonces este es el increíble sitio web que la mayoría de los estudiantes están usando mientras aprenden los conceptos básicos.

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

5. Khan Academy: cuando quería saber sobre el patrón de programación, en general, puede obtenerlo en Khan Academy. Ofrece muchos dibujos interesantes, animaciones que podemos hacer con la codificación.

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

6. W3C: No es necesario dar una introducción sobre este sitio web porque todos los estudiantes lo sabrán. Aquí puede aprender muchos idiomas desde cero 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 HTML5: una plataforma absolutamente buena para aprender HTML5, donde puede obtener conocimientos básicos sobre conocimientos avanzados en la última versión de HML5.

Hay tutoriales detallados e incluso los más nuevos pueden aprender los aspectos claramente. Es después de leer todo el material, incluso el estudiante tendrá un control completo del idioma. Los profesionales han programado el material, por lo que es muy útil.

8. HTMLDog: aunque tenemos múltiples 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 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 aprenda las cosas desde aquí, su confianza aumentará y esto ayudará a los estudiantes a despejar sus entrevistas técnicas y las más recientes para aprender cómo hacer su trabajo con menos orientación.

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

Esta es la plataforma donde puede comenzar rápidamente en 10 minutos y ver las cosas en funcionamiento. Puede codificar y ver fácilmente la salida en el navegador sin mucha molestia.

Luego puede seguir una plataforma como Free Code Camp, donde puede aprender a hacer proyectos y colaborar con otros desarrolladores. También puede contribuir con su aprendizaje a las ONG en proyectos web. Este es mi sitio web favorito para el aprendizaje en línea porque hay muchas cosas que haces y evolucionas como desarrollador a lo largo del tiempo.

¡Ahora puede seguir varios libros de texto para convertirse en un experto! También puede unirse a la plataforma MOOC en línea Coursera o Edex para clases más organizadas.

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

Aprender nuevas habilidades siempre es intimidante al principio. No sabemos por dónde empezar, a quién escuchar y qué ignorar. Puede ser un proceso difícil ponerse en movimiento.

La mejor manera de aprender HTML / CSS es construir un sitio web real / página web estática.

Paso 1: comprender los conceptos básicos

HTML describe la estructura y el contenido semántico del documento.

CSS describe la presentación de páginas web (o cómo se deben mostrar los elementos HTML en la pantalla).

Escribe tu primera página HTML.

• Comience un nuevo archivo.
• Copie y pegue un código de W3C Schools o Stackoverflow.
• Guarde el archivo con la extensión .html y abra el archivo en el navegador

Luego, comprender los conceptos básicos de las etiquetas HTML y CSS.

Hay toneladas de tutoriales y cursos por ahí. Elige el que más te convenga.

Mi recomendación para aprender HTML / CSS es: Freecodecamp

• Se supone que no entra ningún conocimiento.
• Le permite moverse rápido o lento como desee y omitir el tema con el que ya está familiarizado.
• Soporte en línea.
• Es gratis.

Paso 2: Construye algo

Después de comprender los conceptos básicos de HTML / CSS, es hora de construir algo y poner en práctica sus nuevas habilidades.

Puede comenzar con una página simple y progresar linealmente para construir algo realmente complejo.

Comienza a construir

• Un sitio web de blog
• Sitio web de cartera
• Convierte algunos diseños de Dribble shots a HTML Page

Paso 3: lee el código

Es importante leer el código. Encuentre a alguien que sea 10 veces mejor que usted y aprenda de ellos.

Repita los pasos 2 y 3.

Feliz codificación !!!!

HTML : lenguaje de marcado de hipertexto y le da estructura y significado al 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 dar estilo a la apariencia del contenido, utilizando, por ejemplo, fuentes o colores.

Estos dos lenguajes, HTML y CSS, son independientes entre sí y deben permanecer así. CSS no debe escribirse dentro de un documento HTML y viceversa. Como regla general, HTML siempre representará contenido y CSS siempre representará la apariencia de ese contenido.

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

Hola,

En primer lugar, ¡bien por ti! ¡Aprender a programar solo te beneficiará en el futuro y te expondrá a un nuevo mundo de tecnología! En términos de cómo comenzar a aprender lenguajes de codificación, debe considerar tomar un campamento 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 de desarrollo web a través de una variedad de ofertas diferentes dependiendo de su compromiso de tiempo preferido.

Estos 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 idiomas tanto de front como de back end Este programa está disponible tanto en el campus como en línea, según sus necesidades. Desde una perspectiva de contenido, BrainStation se centra en todo el material que necesitaría saber para comenzar un nuevo trabajo como desarrollador web después de la graduación. El contenido es impulsado por la industria y se adapta constantemente para enseñar lo último en tecnología. Nuestro programa es de 10 semanas, a tiempo completo, de lunes a viernes de 10 a.m. a 6 p.m.

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 donde puede aprender los conceptos básicos de todo lo que gira en torno al desarrollo web. Si no vives 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 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 impulsarlo a través del material. Estas sesiones de fin de semana son perfectas para aquellos que no pueden comprometerse con 10 semanas, pero que aún quieren aprender suficiente material para entrar por la puerta.

Si tiene alguna pregunta, ¡no dude en comunicarse con [correo electrónico protegido] !