Después de completar los tutoriales de HTML y CSS de Codecademy, ¿cuáles son algunas buenas maneras de desarrollar ese conocimiento?

Answer 1

Completar tutoriales básicos en línea es una excelente manera de mojarse los pies con la codificación y comenzar a establecer una base sólida sobre la cual construir. La forma en que decida avanzar definitivamente depende de sus objetivos. Si está buscando aprender habilidades relevantes para la industria y obtener una comprensión completa de los idiomas front y back end, el curso de Desarrollo Web Remoto de BrainStation sería una excelente opción.

Aquí hay algunas notas rápidas sobre el curso remoto de tiempo completo:

• 10 semanas, a tiempo completo.
• Lunes – Viernes 10 am-6pm
• El objetivo principal de este curso es que los estudiantes se conviertan en desarrolladores a tiempo completo después de 10 semanas.
• Usted estaría aprendiendo a través de nuestro portal personalizado para estudiantes. Este portal está llevando todos los atributos físicos de un aula al espacio digital para que nuestros alumnos puedan alzar sus manos, unirse a discusiones grupales, tener 1on1 con nuestros educadores, programas de igual a igual, participar en laboratorios y más.
• Desarrollo profesional está incluido en el currículo del curso.
• Todo el contenido está impulsado por la industria, por lo tanto, no hay una “pelusa” extra que aprenderá aparte del contenido real que usará diariamente como desarrollador.

Si está interesado en obtener más información sobre los cursos, no dude en comunicarse con [email protected] si tiene alguna pregunta.

Answer 2

Primero, ¡felicidades por terminar la ruta HTML / CSS de Codecademy!

Al avanzar, deberías intentar construir algunas páginas. No tiene que implementarlos con un host web (a menos que quiera), simplemente diseñe para que pueda sentirse más cómodo con la codificación. Recomiendo CodePen para que pueda codificar sus proyectos en un editor en vivo, compartirlos y obtener comentarios de otros. Use su cuenta CodePen como su cartera hasta que obtenga su propio sitio.

También recomiendo la última edición del libro “HTML & CSS” de Jon Duckett. Este libro me ha ayudado enormemente a comprender los componentes de diseño que sentí que Codecademy agraciaba. También tiene alrededor de 10 a 15 proyectos que puede hacer y agregar a su cartera. Sin embargo, es importante obtener la última edición. Sé que algunos minoristas siguen vendiendo el lanzamiento de 2012. Vaya al sitio de Duckett y compre el libro que incluye toda la información actualizada sobre HTML5 y CSS3.

Si tiene confianza en HTML / CSS, entonces desea sumergirse en el aprendizaje de JavaScript. Codecademy ofrece un camino con el que puedes comenzar si aún no lo has hecho. Sin embargo, creo que Lynda y Treehouse tienen un mejor plan de estudios, videos y proyectos reales para construir. Codecademy es gratis, así que depende de ti.

Si no estás en JavaScript, entonces comienza a aprender un marco. Recomiendo Twitter Bootstrap pero la Fundación también es buena. También puedes aprender preprocesadores CSS como Less y SASS. Los marcos a menudo incluyen complementos de javascript / jquery y hojas de estilo para que solo pueda concentrarse en el código HTML.

Espero que esto ayude

Answer 3

Codecademy lo ayuda a lo largo de los proyectos para que su progreso a veces supere su comprensión. ¡Sugeriría más práctica! Continúe trabajando a través de tutoriales gratuitos adicionales, como los cursos Aquent Gymnasium, Dash de la Asamblea General, observe el Proyecto Odin y vea si su biblioteca pública local le permite acceder a los videos de Lynda (tenemos esto gratis en la Ciudad de Nueva York). También recomendaría los libros de HTML y CSS de Jon Duckett, Javascript (¡INCREÍBLE para los aprendices visuales!), Aprende a codificar HTML y CSS de Shay Howe y CSS de la A a la Z: de la A a la Z CSS si te gusta aprender por video. Todas las preguntas de google que encontrarás te llevarán a Stackoverflow o al sitio de trucos CSS de Chris Coyier.

Tu próximo paso será incluir el aprendizaje de JQuery o algo de Javascript. Ten paciencia, tiene una curva de aprendizaje mucho más difícil que HTML y CSS. Diviértase jugando con los poderes, esto le permite dominar el código de prueba para obtener demostraciones increíbles y deshabilitarlo como un repositorio de complementos. Siga practicando, aprenda a usar las herramientas de desarrollo de Chrome o las herramientas de desarrollo de Firefox como parte de su flujo de trabajo. (Vea los videos de Paul Irish en youtube para Chrome). Sea juguetón, pruebe pequeños fragmentos de codificación en editores de sandbox como JS Bin o Codepen. Me encanta Manoela en codrops, ella suele marcar tendencias y tiene excelentes tutoriales sobre cómo crear efectos de whiz bang en la interfaz. Una vez que comiences a familiarizarte con las piezas, puedes juntarlas todas y hacer sitios web geniales. Hágalos receptivos, aprenda sobre consultas de medios y adquiera compatibilidad con el navegador. Encuentra sitios que te gusten y desmóntalos para ver si puedes reconstruirlos.

Answer 4

Después de terminar los tutoriales de HTML y CSS de Codecademy, debes profundizar con el siguiente punto.

HTML5 y CSS3

A partir de ahí, deberías dirigirte a nuestro segundo curso de la serie, Formaciones frontales, y ponerte al día con el desarrollo de HTML5 y CSS3. HTML5 no es una nueva versión de HTML, solo una forma de categorizar las actualizaciones. Aún tendrá etiquetas div, como se aprendió en el primer curso, pero también tendrá versiones específicas como encabezado, sección y pie de página. También seguirá teniendo entradas de texto de formulario y de casilla de verificación, pero además aprenderá acerca de los controles deslizantes de entrada, los selectores de fecha y las cargas de archivos sin problemas. En Front-end Formations, tomará el HTML que aprendió y agregará algunas de estas nuevas características para llevar sus habilidades un paso más allá.

Diseño

En Front-end Foundations, mostramos todo el contenido de Recipe World y Open Source Records de una manera determinada, pero ¿por qué elegimos ese diseño? Si encontrar la respuesta a eso te emociona, entonces el diseño podría ser el adecuado para ti. Juegue a través de nuestro curso Fundamentos del diseño y aprenda cosas como seleccionar la fuente correcta, organizar una página web en una cuadrícula y elegir colores que funcionen bien juntos.

Más CSS

¿Es más complejo su estilo crear diseños complejos de varias columnas y concentrarse en un enfoque receptivo y móvil? Luego deberías ver nuestro curso de CSS a través del país, donde aprenderás más temas avanzados de CSS, como tratar con flotadores y administrar eficientemente las imágenes con sprites. Continúe con nuestro curso Journey Into Mobile desde allí, que abarca el diseño para dispositivos móviles, la creación de conceptos de diseño web adaptable y las mejores prácticas.

Interacción

Si está más interesado en producir contenido interactivo que responda a diferentes acciones y comportamientos de los usuarios, debe saltar directamente a nuestro curso Try jQuery. En este curso de nivel básico, aprenderá los componentes básicos de jQuery 2.0 mediante tutoriales en video y desafíos de programación. Después de eso, prueba la secuela, jQuery: The Return Flight, donde te enseñamos cómo usar Ajax para agregar más interactividad a tus proyectos y cómo organizar tu código con complementos y Promesas.

Pre-procesamiento

Cualquiera que trabaje en sitios web modernos debería poder escribir CSS con un preprocesador. En Code School, enseñamos a Sass, una de las extensiones más estables y de nivel profesional en el mundo. Es una excelente manera de organizar y escribir CSS reutilizable, así que tome nuestro curso Assembling Sass para aprender lo básico. Luego, juegue nuestro curso Assembling Sass Part 2 para sumergirse en técnicas más avanzadas.

Answer 5

Estuve en tu etapa un año antes. Si quieres aprender cualquier tipo de lenguaje, tienes que codificarlo. La lectura solo te da la idea de cómo funciona el syntex.

1. Comienza a hacer páginas web y diseña con el css como quieras.
Aquí hay un ejemplo simple de lo que puede crear con el conocimiento básico de html-css.

Al aire libre
Si no entendió un elemento mientras desarrollaba una página web, simplemente busque en Google y lea ese elemento. Hacer algunos de estos como este.

2. Estas son las páginas web estáticas, luego viene la animación y la capacidad de respuesta.

Las animaciones pueden ser creadas por javascript y jquery. Léalos en w3schools.com y comience a hacer algunos códigos mezclando html-css.

3. Un sitio web sensible es un sitio web que se ajusta automáticamente para verse bien en cualquier tamaño de dispositivo. El marco de arranque para el que debe aprender.

Aquí está su etapa final para su diseño leraning. Bootstrap es la tendencia más caliente en el mercado en este momento. Apréndelo y haz algunos proyectos incluyendo todos estos idiomas.

Aprendí bootstrap ayer (en un día) y hoy estoy haciendo algunos proyectos.

La base para el aprendizaje es obtener conocimientos básicos y comenzar la codificación.

Y sí, w3school.com es el mejor sitio para todos estos idiomas. Espero que te ayude. 🙂

Answer 6

• Aprende lo básico de JavaScript y trata de aplicarlo con lo que has estudiado.
• Después de que aprenda cualquier marco de JavaScript popular, recomendaría jQuery.
• Entonces, a medida que adquiera conocimientos en HTML, CSS y JavaScript (con marco), puede comenzar a desarrollar aplicaciones web muy básicas. Intente desarrollar una aplicación web básica utilizando cualquier API pública ( https://www.publicapis.com/ ), para eso necesitará conocimientos en el manejo de solicitudes HTTP. Tendrá conocimiento básico de eso cuando aprenda el módulo Ajax de jQuery O viceversa, es decir, aprenderá lo básico del manejo de solicitudes y respuestas HTTP y luego lo aplicará con JavaScript (jQuery)
• No deberías intentar algo nuevo de inmediato, necesitas jugar mucho. Luego, puede comenzar a aprender la pila MEAN (MongoDb, Express, Angular Js, Node.js), lo que podría ser complicado si salta de inicio justo después de hacer algunas aplicaciones web básicas.

  Pero es probable que no esté interesado en la programación y todo, en tal caso, podría mejorar su habilidad en HTML y CSS, como

• Aprenda sobre diseño web responsivo (consultas de medios)
• Aprenda CSS Frameworks (Bootstrap / Foundation, Materialize, Semantic UI, Skelton …)
• Obtenga más información sobre los colores (psicología de los colores), la tipografía e incluso sobre el diseño de material de Google.
• Aprenda sobre los conceptos básicos del diseño de experiencia de usuario.

Hay mucho más que aprender y se mantiene actualizado. Intente mantenerse al día con las actualizaciones en el campo de interés deseado.

Answer 7

Hay miles de tutoriales en HTML y CSS. Cuando se trata de dominar CSS, realmente amo CSS: Noob to Ninja – Envato Tuts + Code Tutorial.

Si está aspirando a ser un buen desarrollador de aplicaciones para usuario, intente echar un vistazo a los brillantes tutoriales en la Red de Desarrolladores de Mozilla MDN (Mozilla Developer Network). Es una gran comunidad con grandes desarrolladores que comparten sus conocimientos.

Como se explica en una de las otras respuestas, a menos que aprenda JavaScript, no podrá llamarse un desarrollador web completo. A continuación se muestran 2 libros que me han impresionado,

• JavaScript profesional para desarrolladores web: Nicholas C. Zakas: 9781118026694: Amazon.com: Libros.
• Hablando de JavaScript: una guía en profundidad para programadores.

Feliz aprendizaje :).

Answer 8

¿Cuál es tu objetivo final? Si solo quieres hacer un desarrollo de front-end básico, te sugiero la pista de desarrollo de Front-End en team treehouse, que es muy completa. Las primeras 2 semanas son gratis, pero después de eso tendrá que pagar $ 9 / mes si es un estudiante ($ 25 / mes de lo contrario). Una vez que hayas terminado con eso, crea un sitio que siempre quisiste construir. Encuentra un concepto y comienza a hacerlo.

Mientras esté trabajando en su proyecto, suba su proyecto a github (aprenderá sobre esto en la sección de Front-End) y haga que otros critiquen el proyecto en un foro en algún sitio web de subreddit. Continúe este proceso para 3-4 proyectos y luego enlace a cada uno de estos proyectos en su cartera y en Linkedin (tanto el sitio en vivo como el github).

La parte más difícil será poner tu pie en la puerta en el campo de desarrollo web. Podría ser más fácil si comienza a contratar o trabajar a tiempo parcial por un salario bajo. Una vez que tenga alrededor de 6 a 12 meses de experiencia, comenzará a recibir llamadas de los reclutadores si configuró su perfil de LinkedIn correctamente y vive en un área de demanda relativamente alta como SF, LA, NY, etc. Tendré que salir activamente y aplicar. Si tienes más preguntas, házmelo saber. Te estoy dando el muy, muy, menos de eso.

Answer 9

HTML, CSS curso de Codecademy es muy básico.

La mejor manera de aprender es ensuciarse las manos en algunos proyectos reales, si no tiene un proyecto real con usted, cree un sitio web para ONG cercanas, iglesias, etc.

También debes comenzar a aprender JavaScript, debes saber si quieres ser un buen desarrollador de aplicaciones para el usuario o un desarrollador de aplicaciones para el usuario. Luego puede comenzar con algunos sitios web más interactivos y aprender algunas bibliotecas / marcos para avanzar,

Aquí hay algunos recursos:

Red de desarrolladores de Mozilla
Codecademia
HTML 5 Rocks!

y también
Udacity, Coursera., EdX etc. siempre están ahí

Lea también:

La respuesta de Arpit Goyal a I Know HTML, CSS y un poco de JavaScript. ¿Qué debo aprender a continuación?

En general, hay muchos recursos que también lo ayudarán a leer sobre estos aquí => Aprendizaje en línea gratuito | Colección

Escribo en Tecnologías Web / programación y cosas relacionadas.
Lee más de mí @ dLotus o @ Quora | Arpit Goyal

Answer 10

Hola,
Desde mi lado de la experiencia. Puedes aprender más habilidades de programación haciendo más práctica.
Como ref. a tu pregunta
Intente hacer más codificación con html y css y descubra cómo puede reducir la codificación repetitiva mediante el aprendizaje de un lenguaje superprotector.
Cómo puedes agregar más funciones y funcionalidades en otros lenguajes como javascript, Jquery, angular js (sobre javascript).
Codificación del lado del servidor en php

Usted puede encontrar numerosos recursos en internet.
El mejor sitio para resolver tus preguntas es Stack Overflow
Las preguntas te hacen aprender más.

Answer 11

Primero y primero, aprende lo básico.

La mayoría de las personas cometen este error (yo también lo hice), no aprenden lo básico y comienzan a crear sitios web. Algunas personas comienzan a usar marcos css como bootstrap y piensan que se vuelven expertos en HTML y CSS, pero en realidad son noob. Yo también hice este error. Comencé a usar bootstrap y pensé que soy un diseñador web de nivel experto. Solicité un inicio, me dieron una pequeña tarea para diseñar una ventana emergente sin usar ningún marco. No pude hacer nada, luego me di cuenta de que no conozco los conceptos básicos de CSS (posicionamiento, valores de visualización, etc.).

Así que la cosa es que lo básico son las cosas complejas. Recuerdalo.

No estoy diciendo que bootstrap sea malo, es un marco de CSS bien conocido (el segundo proyecto más destacado en github), pero los marcos hacen las cosas en casos específicos, siempre debes tener una buena base.

Recursos:

Aprender CSS Layout
Aprende a Codificar HTML y CSS
HTML y CSS
Aprende CSS | Código de la escuela
DevTips
Trucos CSS

Answer 12

Aprender solo HTML y CSS no lo elimina si realmente desea utilizar sus habilidades adquiridas profesionalmente. HTML / CSS son los fundamentos básicos del desarrollo web, son habilidades requeridas pero no son autosuficientes.

Sugiero que se familiarice con jQuery en Codecademy y luego continúe con el curso de javascript . Lee este libro Eloquent JavaScript (es gratis en línea), para obtener una buena comprensión del tema.

Una vez que haya hecho esto, puede practicar tratar de codificar sus sitios web favoritos desde cero. Si te quedas atascado, siempre puedes revisar su código a través de las herramientas para desarrolladores en Chrome y Firefox, intenta entender cómo funciona y hazlo tú mismo.

Una vez que haya comprendido todo eso, puede utilizar más marcos front-end como Angular, Bootstrap, etc.

En el transcurso del tiempo, se dará cuenta de la necesidad de hacer que su código haga más con la menor cantidad de líneas posible, que es donde entran los preprocesadores . Puede comenzar con HAML y SASS, que son preprocesadores HTML y CSS respectivamente.

Answer 13

¡Deberías construir algo! Con HTML y CSS, probablemente solo sea una página web simple, pero cámbielo de todos modos. Un buen desafío: intenta recrear la página de inicio de Google. Eso es mucho más difícil de lo que piensas, pero no requiere nada más que HTML y CSS. Nota: solo estarías creando el LOOK de la página, no la funcionalidad.

Después de hacer eso, continúe con JavaScript y jQuery y KEEP BUILDING. No puedo enfatizar que lo suficiente, la mayoría de los desarrolladores potenciales simplemente no construyen suficientes cosas.

Además, es posible que desee aprender Bootstrap. Eso hará que tu vida sea mucho más fácil para los diseños de páginas web.

Answer 14

Intenta aprender javascript y jquery y luego crea tu primer sitio web.
Lo que te está sucediendo, olvidando toda la sintaxis, no desaparecerá hasta que construyas algo. Codeacademy solo es importante para enseñarte sobre la sintaxis, debes tratar de averiguar cómo escribir código correctamente, dónde guardarlo y todo eso. Una vez que haya terminado, puede pasar a cosas más avanzadas () si le interesa la web d) como aprender un lenguaje de fondo (nodo, ASP) y también más información sobre bases de datos (SQL, Mongo).
Las escuelas W3 también son buenas para actualizar la sintaxis cuando la necesites.

Answer 15

Sugeriría algunos cursos gratuitos pero de calidad premium que puedes seguir fácilmente.

30 días para aprender HTML y CSS – Curso Tuts +

Tuts + Diseño Web

walam – Bootstrap desarrollo de plantillas html

Estos son algunos cursos gratuitos. Necesitas leer sobre algunos marcos de css, como Twitter bootstrap, Foundation Zurb, Skeleton, etc.

Answer 16

Treehouse también es genial para seguir aprendiendo después de Codecademy. Sin embargo, después de que entiendas lo básico, lo mejor que puedes hacer es crear algo. Siempre recomiendo crear un sitio para ti mismo. No importa si se trata de una cartera, un blog o lo que sea. Te da un patio de recreo para probar cosas nuevas.

También recomendaría encarecidamente realizar los cursos de JavaScript y jQuery después del HTML y CSS. Aquí hay dos grandes recursos que vale la pena mirar a través de http://movethewebforward.org/ y http://uptodate.frontendrescue.org/ también.

Answer 17

Felicitaciones por completar Codecademy! Has superado la primera prueba de Progamming que es Paciencia mientras aprendes.
Mi consejo es que debes tomar un buen libro sobre HTML y CSS porque el curso de Codecademy no es suficiente. Y HTML y CSS sin JavaScript no es una gran cosa porque el único propósito de HTML y CSS es el diseño de sitios web, pero los grandes diseños y animaciones no son fáciles de construir sin JavaScript.
Otra ventaja de aprender JavaScript es que puedes crear un sitio web dinámico, por ejemplo, Facebook, Twitter, Google (Búscalo en Wikipedia)
Lo que no es posible con HTML y CSS.

Answer 18

Consigue google chrome. Haga clic derecho en las cosas en las páginas que le gustan e inspeccione cómo se juntan las cosas. Si no entiende cómo funciona, busque cosas que no tengan sentido.

Vaya al bloc de notas e intente recrear el sitio usando HTML y CSS (quizás JavaScript y jQuery también).

Esta es una buena forma de ver cómo funcionan las cosas y obtener cierta comprensión más allá de todos los tutoriales aburridos, etc.

Answer 19

Practica lo básico que tienes en codeacademy.Primero, intenta crear páginas estáticas e intenta agregar javascript y jQuery a eso, y además trata de aprender angularjs http://egghead.io uno de los mejores tutoriales para angular
js

Answer 20

Mi consejo es más o menos el mismo que el de Matt West : tratar de construir algo. Aprender cosas una por una es una forma agradable y fácil de aprender. ¡Poner todas estas cosas juntas es el verdadero desafío!

Algunas ideas de proyectos agradables para un principiante:

• Curriculum vitae
• Un blog sencillo
• Una galería

Por cierto, si quieres profundizar más en un tema u otro, te recomiendo enfáticamente enfocarte en algo en particular y repetirlo hasta que lo hayas aprendido claramente. Intenta no dispersarte demasiado, hay un montón de cosas que puedes aprender sobre diseño web: p