Tengo problemas para aprender CSS en Codecademy. ¿Cuál es un sitio web más fácil de aprender?

Si te hace sentir mejor, no soy fanático del nuevo formato Codecademy para sus cursos HTML / CSS y JavaScript que están actualmente en vista previa. Personalmente, pensé que sus cursos anteriores en HTML, CSS y JavaScript eran mejores. Estos cursos todavía están disponibles por ahora, por lo que puede probarlos si aún no lo ha hecho.

Aquí hay algunos otros recursos que me gustan para aprender CSS. Algunos son sitios web pero otros son libros que creo que valdrán la pena:

  1. Una forma más inteligente de aprender HTML y CSS de Mark Myers: este libro tiene un enfoque práctico. Tendrá una gran oportunidad para aprender CSS un concepto a la vez y practicar.
  2. Aprenda CSS de Jamie Chan en un día y aprenda bien: este libro hace un trabajo increíble al explicar el modelo de caja CSS.
  3. Sitio web de Shay Howe Aprenda a codificar HTML y CSS: puede usar el sitio web de Shay para completar los agujeros y comenzar a incursionar en la animación cuando esté listo.
  4. Diseño web en Team Treehouse: los cursos de CSS de Guil Hernández son particularmente buenos y lo llevarán más profundamente en los temas de diseño receptivo y animación.
  5. También hay varios cursos gratuitos en HTML y CSS disponibles en Udemy. Solo asegúrate de que reciban reseñas de 4.6 estrellas o más antes de dedicarles tiempo.

Espero que estos libros y cursos te ayuden a aprender CSS. Puede tomar tiempo aprender el modelo de caja y el diseño receptivo, ¡así que te felicito por seguir con él!

Su problema es que probablemente esté comenzando demasiado complejo. Comience simple. Aquí hay un violín con algunos CSS simples. Un elemento HTML que estamos volviendo verdes:

Editar violín – JSFiddle

Ahora agreguemos un poco, queremos que el texto se vuelva azul cuando pasemos el mouse sobre él …

Editar violín – JSFiddle

Ahora vamos a aprender sobre las clases, ¿notaron que agregué una clase a ese elemento?

Editar violín – JSFiddle

Ahora mire, agregué un segundo elemento div a la página, observe que no hace nada.

Editar violín – JSFiddle

Ahora mira lo que sucede cuando le doy a ese elemento la misma clase que el primero. (NOTA: ¡Cambié el nombre de la clase para que sea menos específica y para mostrarle que puede nombrar las cosas como quiera!)

Editar violín – JSFiddle

Ahora sigue jugando con este violín. Mi desafío es que cree tres elementos secundarios del primer div en HTML. Haga que el texto del primer niño sea rojo, y el texto del segundo niño sea gris, y el último niño sea de color amarillo.

Luego, haga que desaparezcan cuando el usuario los desplace. 🙂

Comience de a poco, comience de manera simple, no intente aprender todo de una vez. Eventualmente, cuando seas realmente bueno, aprenderás sobre transiciones y flexiones y cosas así. Solo dale tiempo. 🙂

No vas a aprender CSS en un sitio web de bootcamp. Las personas que te dicen que lo harás son mentirosos o están mal informados. Muchos de ellos tienen algún tipo de interés personal en presentar la narrativa de que el aprendizaje de libros es una buena idea para este tipo de conocimiento, pero ese simplemente no es el caso.

Si quieres aprender CSS, crea sitios web. No pase otro momento escuchando videos o leyendo sitios web sobre desarrollo web o CSS. Esa metodología es trágicamente defectuosa y dentro de un mes tendrás el 1% del conocimiento real que podrías haber obtenido al construir un sitio web.

Construir algo Así es como dominas una habilidad como CSS (o HTML). Mire alrededor de la web, hay un sinfín de reseñas y 25 listas principales sobre cada tema, incluido CSS. Encuentre algo que le parezca genial (un sitio web o un poco de funcionalidad) y cree algo así.

Construir cosas refuerza el aprendizaje . Si lee algo o mira un video sobre algo, tendrá la suerte de retener incluso el 20% (probablemente sea inferior al 5%) de eso en un mes o dos, pero si pasa un mes o dos construyendo sitios web, no solo retenga la mayor parte de lo que hizo, dominará parte de él y tendrá algo que mostrar a los posibles clientes y empleadores. Contraté a docenas de desarrolladores web. Ni una sola vez alguien fue contratado por un certificado.

La tecnología sigue cambiando. Las expectativas del cliente siguen cambiando y el aprendizaje de libros está desactualizado mucho antes de que pueda verlo . El aprendizaje de libros no te convertirá en un buen programador. Me especialicé en ingeniería eléctrica de computadoras a principios de los 80, casi nada de lo que aprendí me ayuda ahora. Mira cuántos codificadores / emprendedores principales abandonaron la escuela y simplemente construyeron cosas. No estoy abogando por abandonar la universidad porque tener un título universitario definitivamente puede ayudarte de muchas maneras en el futuro (divulgación completa: tengo 3 grados), pero la mayoría de los títulos solo te ayudan a hacer el baile corporativo y no hacer Eres un buen desarrollador.

Si está creando un sitio web y se encuentra con un problema, saber cómo encontrar la solución a ese problema es la habilidad más valiosa que puede tener. Poder escribir una buena búsqueda de google es más importante que todos los certificados del mundo.

Parte del desarrollo web (o cualquier tipo de codificación) es aprender constantemente nuevas herramientas para su caja de herramientas. CSS no existía cuando comencé a escribir HTML. Lo aprendí a medida que avanzaba. Solíamos controlar la estética en una página web con tablas y muchos hacks. Todo eso es parte del pasado, pero construir sobre ese conocimiento facilitó agregar nuevos conocimientos. Casi nunca aprendí algo nuevo al leerlo, lo aprendí al implementarlo en un proyecto.

Encuentre un cliente (incluso un cliente gratuito o un amigo que solo quiera un sitio web), pídales que especifiquen qué quieren que haga su sitio web. Necesitas escribir esto. Debe hacer preguntas y desarrollar la especificación del proyecto antes de comenzar a construir. Esto se llama la fase de requisitos de desarrollo y es probablemente la fase más importante. Si no sabes a dónde vas, definitivamente nunca llegarás allí.

Incluso puede ir a codepen y ver algunas de las cosas increíbles que la gente está haciendo allí con CSS puro. Intenta recrearlo o expandirlo sin mirar su código. Aquí hay una animación CSS / HTML enferma. El codificador usa HAML / SCSS para reducir la repetición, pero todo esto cumple con la transmisión directa de cubos HTML / CSS (CSS puro)

El aprendizaje de libros simplemente no es muy bueno cuando quieres ser un creador / constructor. A veces, debe buscar en un libro o en un tutorial para resolver un problema muy específico (el problema que enfrenta ahora), pero esperar que pueda leer 300 páginas en CSS y aprender CSS es idiota. Los carpinteros no aprenden de esta manera, los fontaneros no aprenden de esta manera, los electricistas no aprenden de esta manera, los albañiles no aprenden de esta manera. Ser un desarrollador web es muy similar a esas profesiones. Salen y HACEN COSAS y cuando se topan con un obstáculo que no han experimentado, le preguntan a alguien con más habilidad o lo resuelven según lo que ya saben. Soy realmente bueno en el aprendizaje de libros, básicamente A es toda mi vida, pero incluso no obtengo tanto leyendo un libro sobre codificación como trabajando en un proyecto.

Aprender a codificar la web es enormemente mejor / más fácil que esas otras habilidades con respecto a la cantidad de expertos que tiene disponibles 24/7. Si está creando sitios web, Google está al alcance de su mano, al igual que los diversos sitios de ayuda de codificación y sitios de tutoriales. Aprenda a medida que avanza y el acto de implementar lo que aprendió, grabará ese aprendizaje en su cerebro y lo hará parte de su conjunto de herramientas en los años venideros.

La gente que presenta la academia de código o los libros como la respuesta aquí probablemente tenga un interés financiero o nunca haya construido nada. No te están ayudando. Los libros sobre desarrollo web están básicamente desactualizados en el momento en que llegan a los estantes en un año que están llenos de errores o malas respuestas. Mientras tanto, Google y los millones de contribuyentes a blogs y foros tendrán la respuesta actual al alcance de su mano desde cualquier lugar donde tenga una conexión. Actualizado en tiempo real y gratis.

Entra en http://freecodecamp.com

Y tendré que recordarte que te concentres y darte tiempo para comprenderlo completamente. Simplemente terminar una tarea no debería hacerte feliz a menos que hayas entendido completamente la tarea y su solución.

Buena suerte

W3school es fácil para aprender el concepto básico de CSS.

Tutorial CSS

Intente entregar y mostrar su trabajo y lo que aprendió al mundo, CodePen CodePen es una buena plataforma que le permite construir “bolígrafos” y compartirlos con sus amigos día a día.

Trate de construir y compartir cosas cada vez que aprendí una nueva habilidad que me ayudó mucho, espero que esta forma también funcione para usted.

More Interesting

Sigo escuchando que debo aprender a codificar, pero estoy un poco abrumado con todos los diferentes idiomas disponibles. Estoy interesado en aprender sobre diseño web. ¿Cuáles son algunas recomendaciones sobre por dónde empezar?

Quiero crear un sitio web de reservas, ¿cómo debo hacerlo?

¿Debería usar Django-CMS o WordPress para un blog si es desarrollador de Django y no tiene experiencia con PHP o WordPress?

Si creo un proyecto de código abierto en Github para solicitar contribuciones de la comunidad, ¿puedo decidir comercializarlo después?

Lancé un nuevo sitio y los 'diseñadores web' me siguen contactando a través de los datos de WHOIS. ¿Cómo están descubriendo esto tan rápido?

Quiero aprender las pruebas de servicios web, principalmente las pruebas de servicios RESTful. ¿Dónde debo comenzar y cómo debo progresar?

Quiero mover el contenido de un sitio autohospedado a WordPress. ¿Afectará mi clasificación y qué medidas debo tomar?

Si mi profesor proporciona un enlace a un sitio web dentro de mi plantilla de asignación, ¿tengo que citar el sitio web si uso información de él?

¿Un desarrollador web front-end (Html ​​/ CSS, js) necesita saber cómo usar PS? ¿Qué necesita para poder hacer con PS?

Hago desarrollo web. ¿Cómo puedo obtener más clientes?

Si creo un sitio web, un sitio web único, donde mi característica principal es que tengo una gran base de datos que nunca existió sobre algo, ¿alguien puede robar esa base de datos y crear su propio sitio web con mi base de datos?

Cómo hacer que mi sitio web se cargue más rápido

Si quiero ejecutar mis propios sitios web, ¿qué habilidades se requieren para mí?

Marketing web: compré un nombre de dominio de GoDaddy y actualmente estoy creando un sitio web. ¿Puedo ganar a través de este sitio web? ¿Quién me pagará exactamente y de qué manera?

Mis márgenes están configurados en "automático" y, sin embargo, claramente no tienen un ancho uniforme o igual en cada lado, ¿por qué?