{"permissions":{},"commerce":{"user_subscriptions":null,"subscription_plans":[{"id":120,"image":"https://cdn.filestackcontent.com/p281yB5pRMmwbjPNzPU9","school":13172,"page_body":"

🚀 ¡Sube de nivel y mejora como programador con cursos especializados!
🔝 Cursos prácticos y sin rodeos impartidos por profesionales con amplia experiencia
👨‍🎓 Podrás hacer TODOS los cursos ya publicados (más de 20 y subiendo)
🎥 Vídeos con calidad de imagen y audio garantizada
📕 En cada lección de cada curso: Posts de acompañamiento a vídeos con código o puntos a destacar + preguntas tipo test para interiorizar conocimientos adquiridos + ejercicios sugeridos para practicar
🆕 Cursos nuevos cada mes
👨‍👩‍👧‍👦 Acceso a la comunidad CodelyTV Pro. Preguntas y respuestas sobre los problemas que te interesan
🔖 Certificado al completar un curso. Añádelo a tu LinkedIn para demostrar interés de mejora continua y acceder a ofertas de trabajo relacionadas
😍 Dar tu apoyo para que podamos seguir publicando cursos en CodelyTV Pro, y screencasts y entrevistas en CodelyTV

","giftable_cycles":"","name":"Mensual","amount":29.0,"plan":{"id":172,"amount":29.0,"interval":5,"trial_period_days":0,"trial_type":10},"resources_count":106,"url":"https://pro.codely.com/subscribe/","currency_display":"29,00 €","currency_display_per_month":"29,00 €","currency_display_giftable_cycles":{}},{"id":186,"image":"https://cdn.filestackcontent.com/eZ4vKat4TCmfLmqbrEA3?cache=true&policy=eyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%3D&signature=888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34","school":13172,"page_body":"

\r\n

🤑 Ahorra 50€ vs el plan mensual
\r\n 🚀 ¡Sube de nivel y mejora como programador con cursos especializados!\r\n
\r\n 🔝 Cursos prácticos y sin rodeos impartidos por profesionales con amplia\r\n experiencia\r\n
\r\n 👨‍🎓 Podrás hacer TODOS los cursos ya publicados (más de 20 y\r\n subiendo)\r\n
🎥 Vídeos con calidad de imagen y audio garantizada
\r\n 📕 En cada lección de cada curso: Posts de acompañamiento a vídeos con\r\n código o puntos a destacar + preguntas tipo test para interiorizar\r\n conocimientos adquiridos + ejercicios sugeridos para practicar\r\n
🆕 Cursos nuevos cada mes
\r\n 👨‍👩‍👧‍👦 Acceso a la comunidad CodelyTV Pro. Preguntas y\r\n respuestas sobre los problemas que te interesan\r\n
\r\n 🔖 Certificado al completar un curso. Añádelo a tu LinkedIn para\r\n demostrar interés de mejora continua y acceder a ofertas de trabajo\r\n relacionadas\r\n
\r\n 😍 Dar tu apoyo para que podamos seguir publicando cursos en CodelyTV\r\n Pro, y screencasts y entrevistas en CodelyTV\r\n

\r\n

","giftable_cycles":"","name":"Anual (Ahorra 50€)","amount":299.0,"plan":{"id":302,"amount":299.0,"interval":10,"trial_period_days":0,"trial_type":null},"resources_count":106,"url":"https://pro.codely.com/subscribe/","currency_display":"299,00 €","currency_display_per_month":"24,92 €","currency_display_giftable_cycles":{}}],"global_tracking_code":"","conversion_tracking_code":"","payment_requires_zip_code":false,"currency_code":"eur"},"media":{"image":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FmR8srLQXSBKaRuMl5KFA%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&ixlib=python-1.1.0&w=500&s=87426dd64cc495cb74a08a80cc63edb2","thumb":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FmR8srLQXSBKaRuMl5KFA%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=250&ixlib=python-1.1.0&w=250&s=10cc2a7126410efe23ffa31531245c61","logo":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FQgiOp85QAGOzkBPliE3t%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=max&h=200&ixlib=python-1.1.0&w=600&s=127d9de6c18a6f8bc9076a2d3a15af76","url":"//d1do9mm1n6degf.cloudfront.net/","theme":{"id":310,"name":"CodelyTV Pro - 3400","description":"","primary_color":"1a2233","background_image":null,"heading_font":"","typekit_id":"","custom_css":"","processed_custom_css":"","theme_css_url":null,"typekit_scripts":null,"background_image_blurred_cdn":null,"background_overlay":"","background_type":5,"background_image_raw":"","theme_type":50},"pages":[{"id":207,"name":"Condiciones Generales","order":0,"url":"https://codely.com/condiciones-generales","show_in_nav":false,"using_blocks":false,"page_type":5,"template_type":"contained","is_live":true},{"id":353,"name":"YouTube","order":100,"url":"https://www.youtube.com/CodelyTV","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":354,"name":"Twitch","order":101,"url":"https://www.twitch.tv/CodelyTV","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":355,"name":"Twitter","order":102,"url":"https://twitter.com/CodelyTV","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":356,"name":"Facebook","order":103,"url":"https://facebook.com/CodelyTV","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":357,"name":"LinkedIn","order":104,"url":"https://linkedin.com/company/codelytv","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":358,"name":"TikTok","order":105,"url":"https://www.tiktok.com/@codelytv","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":359,"name":"Instagram","order":106,"url":"https://www.instagram.com/codelytv/","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true},{"id":360,"name":"GitHub","order":107,"url":"https://github.com/CodelyTV","show_in_nav":false,"using_blocks":false,"page_type":0,"template_type":"blank","is_live":true}]},"school":{"id":13172,"name":"Codely Pro","platform_version":2.2,"url":"https://pro.codely.com/","is_ssl_disabled":false,"is_curriculum_licensor":false,"is_curriculum_subscriber":false,"is_activated":true,"is_activated_via_override":false,"resource_licensing_enabled":false,"trial_has_expired":false,"trial_days_remaining":null,"is_curriculum_enabled":true,"has_public_resources":true,"billing_model_display":"PW2","billing_model":10,"website":"","has_certificate":true,"subdomain":"codelytv","ietf_language_tag":"es-ES","short_description":"Sube de nivel. Haz código más mantenible, escalable y testable 🤟","has_consent_description":false},"support":{"has_faqs":false,"support_email":"soporte@codely.com","support_phone":"","support_link":"","support_policy":"

Puedes encontrar artículos de ayuda en el Centro de Soporte de Codely o contactar directamente en soporte@codely.com.

","support_faqs":null},"security":{"terms_of_service":"https://pro.codely.com/pages/terms-of-use.html","privacy_policy":"https://pro.codely.com/pages/privacy-policy.html","csrf_token":"K6yrAC3mWpq58hLYZQ3RD0fbsqFJwg1py074aoUV6f1js5IYm4bIhtrUx2HVmrWe","terms_agreement_prompt_override":""},"social":{"twitter_username":"","facebook_username":"","google_plus_username":"","pinterest_username":""},"integrations":{"facebook":null,"filepicker":{"read_policy":"eyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0=","read_signature":"888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34"},"algolia":{"library_resource":{"key":"YmMxYTQ0OTFjZDQ1MGRhNzA4NzNlYWQxMWY4NWViODVkZDIxYmM0ZjRkZGEzYWMwZGIxYjQwNmZkYWEyMzM3ZnJlc3RyaWN0SW5kaWNlcz1wcm9kX2xpYnJhcnlfcmVzb3VyY2UmdGFnRmlsdGVycz0lNUIlNUIlMjJzY2hvb2xfMTMxNzIlMjIlMkMrJTIycyUzQTEzMTcyJTIyJTVEJTJDKyU1QiUyMnZpc2liaWxpdHlfcHVibGljJTIyJTJDKyUyMnYlM0FwdWJsaWMlMjIlNUQlNUQmdmFsaWRVbnRpbD0xNzMzMjY2NzQ0","params":{"validUntil":1733266744,"restrictIndices":"prod_library_resource","tagFilters":[["school_13172","s:13172"],["visibility_public","v:public"]]}},"library_author":{"key":"ZjY5YWM0ODZmNWZjNTdiM2EzODYxOWI5YWIwOTU4OGM1MWIxZGViMDEwNmFmYjc0ZGUwOWViZjllZDA0NzVlNHJlc3RyaWN0SW5kaWNlcz1wcm9kX2xpYnJhcnlfYXV0aG9yJnRhZ0ZpbHRlcnM9JTVCJTIyc2Nob29sXzEzMTcyJTIyJTVEJnZhbGlkVW50aWw9MTczMzI2Njc0NA==","params":{"validUntil":1733266744,"restrictIndices":"prod_library_author","tagFilters":["school_13172"]}},"library_category":{"key":"MjUwNDM4ZjdmYTMzNjJiZjNiNjE1MDYyZjdjZmJlNzg4ZjYzYjFmODRmZTRhMzEwNjQ4YmFhNmQ0OTUxMzA5MHJlc3RyaWN0SW5kaWNlcz1wcm9kX2xpYnJhcnlfY2F0ZWdvcnkmdGFnRmlsdGVycz0lNUIlMjJzY2hvb2xfMTMxNzIlMjIlNUQmdmFsaWRVbnRpbD0xNzMzMjY2NzQ0","params":{"validUntil":1733266744,"restrictIndices":"prod_library_category","tagFilters":["school_13172"]}},"index_prefix":"prod_"},"intercom":{"user_hash":null,"app_id":"nb5f8bpp","school_app_id":"nb5f8bpp","school_staff_app_id":null,"pathwright_app_id":"5txzvi2k","school_profile":null},"stripe":{"publishable_key":"pk_live_51AljraIsl5718Mf1xIEkF6g3PqkqDaEYNUtC0iRZd0BQT9zCFyqSGFHvyU3qiL2vYQOkQYmz0PSocFfUFU5iYFCq00duRMO7Sw"},"firebase":null,"google_analytics":{"account_id":null,"domain_name":"pathwright.com"},"sso":{"pathwright_login_enabled":true,"providers":[],"current_provider":null}},"customizations":{"head_markup":["","\n\n\n\n\n\n\n\n\n\n\n"],"script_markup":["\n\n\n","\n\n"],"global_tracking_code":""},"pathwright_account":{"is_on_legacy_plan":false,"is_activated":true,"payment_key":"pk_live_1EFaBZz7SRVXYhX7V70P4dhCC2tOEVWu0f6r3WNUvnxmc3lGpxhOlp3CIPzgfFjihpeAG08yyda1lpRhIINEScEPn00qXGNBhT6","subscription":{"id":1859,"school":13172,"plan":{"id":81,"name":"Complete Plan + Webhooks","image":null,"description":"Expand to multiple teams, departments, and groups.","amount":598.0,"fee_per_additional_learner":0.0,"features":{"10-staff-members":true,"offer-multiple-subscription-plans":true,"course-certificates":true,"1-staff-member":true,"start-at-1000-active-learners":true,"friendly-email-support":true,"starts-with-5-staff-members":true,"sell-subscriptions":true,"free-course-design-courses":true,"use-your-own-domain-name":true,"member-created-group-courses":true,"priority-email-support-live-demos":true,"create-unlimited-courses":true,"add-more-members-and-staff":true,"sell-courses-with-commerce":true,"1-cohort-per-course":true,"essential-app-integrations":true,"guided-course-design-courses":true,"priority-email-support":true,"3-cohorts-per-course":true,"Unlimited-cohorts-per-course":true,"1-mentor-group":true,"5-mentor-groups":true,"20-mentor-groups":true,"sign-in-with-apple-or-google":true},"plan_order":3,"plan_color":"47acd7","visibility":15,"learners_included":1000,"should_contact_for_pricing":false,"intervals_by_month":[{"interval_id":5,"months":1,"amount_per_cycle":598.0,"amount_per_month":598.0,"discount_percent":0.0,"discounted_amount_per_month":598.0,"discounted_amount_per_cycle":598.0,"discount_per_month":0,"discount_per_cycle":0},{"interval_id":7,"months":6,"amount_per_cycle":3588.0,"amount_per_month":598.0,"discount_percent":0.05,"discounted_amount_per_month":568.0,"discounted_amount_per_cycle":3408.0,"discount_per_month":30,"discount_per_cycle":180},{"interval_id":10,"months":12,"amount_per_cycle":7176.0,"amount_per_month":598.0,"discount_percent":0.1,"discounted_amount_per_month":538.0,"discounted_amount_per_cycle":6456.0,"discount_per_month":60,"discount_per_cycle":720},{"interval_id":20,"months":1,"amount_per_cycle":598.0,"amount_per_month":598.0,"discount_percent":0.0,"discounted_amount_per_month":598.0,"discounted_amount_per_cycle":598.0,"discount_per_month":0,"discount_per_cycle":0}],"scholarships_available":false},"subscription":{"id":78275,"card_last_4":"0185","subscription_plan":{"id":361,"amount":598.0,"interval":5,"trial_period_days":0,"trial_type":null},"is_delinquent":false,"cycle_start_dtime":"2024-11-09T09:02:39-05:00","cycle_end_dtime":"2024-12-09T09:02:39-05:00","canceled_dtime":null,"provider_school_stripe_key":null,"trial_type":null,"trial_end_dtime":null,"paused_until_dtime":null,"is_canceled_at_cycle_end":false,"cancellation_reason":null},"interval":5}},"user":null,"session":{"user":null,"school_membership":null,"csrf_token":"BXWdVpKuSJ44nd2lBD83ajk9fKsdFBDmpRvQvbB32zFiH1ZlYRgUOMwSkmupvMyb","is_authenticated":false},"DEBUG":false,"resource":{"id":181753,"name":"Maquetando la web de Codely desde 0","description":"

💸 Primera lección disponible sin registro 💸\n

¿Qué aprenderás en este curso?

En este curso llevaremos un diseño a producción, creando nuestro propio design system que permita a diseño y desarrollo trabajar con un lenguaje común, organizaremos nuestros componentes de forma entendible, nos aseguraremos que estos sean accesibles mediante tests automatizados, y veremos casos reales de problemas con los que nos encontramos habitualmente: ¿Cómo aplicamos mobile first? ¿Usamos grid o flex para maquetar? ¿Cómo podemos trabajar con iconos SVG fácilmente?\n

Todo esto a partir de un caso real, el rediseño de la propia web de Codely que hemos lanzado recientemente.
\n

En el curso trabajaremos con TypeScript, Next.js, Storybook, Sass y CSS modules, pero los conceptos que veremos son aplicables a vuestras librerías y frameworks favoritos 😊\n

Durante el curso vamos a ver:\n

🗺️ Cómo plantear el desarrollo de nuestro proyecto\n\t
- 👐 Tenemos Figma: ¿Cómo es el handoff de un diseño?
- 🖼️ ¿Qué es un design system y cuándo tiene sentido desarrollar uno propio?
- 🤯 ¿Mobile first? ¿BEM? ¿Sass? Definimos nuestra estrategia de maquetación
\n\t
🚧 Manos a la obra: configuramos nuestro proyecto\n\t
- ⚙️ Setup: creamos aplicación, repositorio y deploy
- 🥊 Cómo trabajar con CSS en componentes React: CSS modules vs Styled JSX vs Styled Components
- 🎨 De diseño a código: configuramos nuestras variables
\n\t
📐 Primeros pasos con nuestro Design System en Storybook\n\t
- ⚛️ Organizamos nuestros estilos con ATOMIT
- 🙌 Documentación fácil y actualizada con Storybook y TypeScript
- 👶 Creamos nuestro primer átomo: Button
\n\t
🎡 Haciendo nuestra web accesible desde el minuto uno\n\t
- 👆 Cursor Pointer o Default en botones
- 🤖 Testeamos accesibilidad automáticamente en nuestras stories con Jest Axe
- 🔠 Títulos, accesibilidad y SEO
\n\t
👩‍🎨 Usando el design system en nuestra web\n\t
- 🤔 ¿Cómo organizamos estilos y componentes en nuestra aplicación?
- 🦑 Maquetamos nuestro primer organismo
- 🪆 Cómo reutilizamos estilos: mixins vs utility classes vs components
\n\t
ℹ️ Cómo trabajar con iconos\n\t
- 🧃 ¿Por qué iconos en SVG y no en font o sprites?
- ✨ El poder de TypeScript: tipamos nuestros iconos fácilmente
- 💨 Optimización integrada en nuestro proyecto con SVGO
\n\t
🚀 Maquetando pensando en performance\n\t
- 🛠️ Las bases de la optimización de nuestra web
- ⚡️ Usamos Intersection Observer para cargar y reproducir vídeos
- 🕺 Animaciones respetando web vitals
\n\t
🌍 Maquetando componentes del Mundo Real™\n\t
- 💎 El poder de las variables CSS
- 💣 Rompemos el container sin perder la alineación
- 🍱 Cómo decidimos entre Flex y Grid
\n\t
🎠 Animaciones\n\t
- 🐁 Transición a partir del scroll
- 🍭 Animando SVG
- 🃏 Animación en hover: cuándo recurrimos a JS
\n\t
🔜 Conclusiones y siguientes pasos\n\t
- 🔗 Cómo conectar Figma y Storybook
- 🤟 Siguientes pasos
\n\t

\n","short_description":"Vamos a ver cómo pasamos de un diseño en Figma a una web en producción, con un design system escalable y teniendo en cuenta performance, SEO, y accesibilidad.","categories":[{"id":2655,"name":"Frontend","slug":"frontend","description":"","order":5,"resources_count":null}],"image":null,"cover_image":"https://cdn.filestackcontent.com/2bAFiEkZTVC15X2y4hj9","thumb":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2F2bAFiEkZTVC15X2y4hj9%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?dpr=1&fit=crop&h=232&ixlib=python-1.1.0&w=310&s=9e20db3ab2c28fe583a3336963087d7c","thumb_2x":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2F2bAFiEkZTVC15X2y4hj9%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?dpr=2&fit=crop&h=232&ixlib=python-1.1.0&w=310&s=1feb61e5ebd2e78288cfcc4a7974de07","icon":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2F2bAFiEkZTVC15X2y4hj9%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=35&ixlib=python-1.1.0&w=35&s=84a5dd0cb897d1bf7cde4a99783b1297","background_image":"https://pathwright.imgix.net/https%3A%2F%2Fpathwright-static-media.s3.amazonaws.com%2Fdefault-image-set-v1%2Fcover-image-54.png?balph=40&blend=666666&blur=500&bm=screen&fit=max&fm=jpg&high=-80&ixlib=python-1.1.0&q=100&w=1400&s=1bd0aabbeb2b58acefc495c98f5dba8b","background_overlay":"107,0,239,1","background_image_blurred_cdn":"https://pathwright.imgix.net/https%3A%2F%2Fpathwright-static-media.s3.amazonaws.com%2Fdefault-image-set-v1%2Fcover-image-54.png?balph=40&blend=666666&blur=500&bm=screen&fit=max&fm=jpg&h=250&high=-80&ixlib=python-1.1.0&q=100&w=250&s=6b146f859e7511164b5f9f3dc958ce9f","background_type":5,"authors":[{"id":1204,"display_name":"Rafa Gómez","first_name":"Rafa","last_name":"Gómez","bio":"

🔥 Pragmático 🔥

🚀 Cofundador de @CodelyTV.

👨‍🏫 Profesor en @LaSalleBCN y 👨‍💻 exprogramador en @letgo, @akamon_eng y @thatzad. Donde pude enfrentarme a entornos de alta concurrencia y con altas necesidades de escalabilidad (técnicas y de equipo).

","image":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FOLhAoIFcSoTzAjMMWfuv%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=115&ixlib=python-1.1.0&w=115&s=eb6b9ec1fd04e8ccf4d217894b264b6f","resources_count":null,"salutation":"","title":"Cofundador de CodelyTV","slug":"mr-rafa-gomez-casas","order":2,"avatar":"https://cdn.filestackcontent.com/OLhAoIFcSoTzAjMMWfuv"},{"id":4164,"display_name":"Núria Soriano","first_name":"Núria","last_name":"Soriano","bio":"

🎨 Parte front de @CodelyTV

👩‍💻 Previamente tech lead en Codegram, y programadora en varias empresas, trabajando en SPA con Angular y Vue, Jamstack, GraphQL, Node…

👾 Aficionada a programar videojuegos web

","image":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FxUY6c7kR6aENxJBdVXAQ%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=115&ixlib=python-1.1.0&w=115&s=1e462e2067b8c801de0ca4f392b644b6","resources_count":null,"salutation":"","title":"Frontend Category Lead","slug":"nuria-soriano","order":3,"avatar":"https://cdn.filestackcontent.com/xUY6c7kR6aENxJBdVXAQ"}],"created":"2022-05-11T03:41:39.021433-04:00","url":"https://pro.codely.com/library/maquetando-la-web-de-codely-desde-0-181753/","offering_counts":{},"resource_type":10,"resource_type_display":"Course","slug":"maquetando-la-web-de-codely-desde-0-181753","trailer_embed_code":"","list_order":null,"total_registration_count":900,"sum_registration_count":948,"lowest_public_offering_price":null,"highest_public_offering_price":null,"curriculum_offering":null,"num_offerings":1,"visibility_level_override":15,"licensing_enabled":false,"license_offerings":[],"licensed_from_resource":null,"certificate_generator_class":"CertificateGenerator","lowest_price_currency_display":null,"highest_price_currency_display":null,"discussion_enabled":true,"licensed_from_school":null,"highest_visibility_level":15,"certificate_json":{}},"offering":{"id":415637,"name":"CodelyTV Pro","access_starts":null,"access_ends":null,"enrollment_starts":null,"enrollment_ends":null,"description":"

🚀 ¡Sube de nivel y mejora como programador con cursos especializados!
🔝 Cursos prácticos y sin rodeos impartidos por profesionales con amplia experiencia
👨‍🎓 Podrás hacer TODOS los cursos ya publicados
🎥 Vídeos con calidad de imagen y audio garantizada
📕 En cada lección de cada curso: Posts de acompañamiento a vídeos con código o puntos a destacar + preguntas tipo test para interiorizar conocimientos adquiridos + ejercicios sugeridos para practicar
🆕 Cursos nuevos cada mes
👨‍👩‍👧‍👦 Acceso a la comunidad CodelyTV Pro. Preguntas y respuestas sobre los problemas que te interesan
🔖 Certificado al completar un curso. Añádelo a tu LinkedIn para demostrar interés de mejora continua y acceder a ofertas de trabajo relacionadas
😍 Dar tu apoyo para que podamos seguir publicando cursos en CodelyTV Pro, y screencasts y entrevistas en CodelyTV

","visibility":15,"price":0.0,"seats":null,"seats_filled":946,"seats_available":-1,"currency_display":"0,00 €","include_in_subscription_plans":[80,81,85,120,124,186],"include_with_products":[],"is_subscription_only":true,"resource_id":181753,"path_id":5033309,"permissions":{"can_participate":false,"can_access":false,"can_edit":false,"can_edit_resource":false,"can_facilitate":false,"can_view_analytics":false,"can_invite_editor":false,"can_invite_teacher":false,"can_invite_moderator":false,"can_invite_student":false,"can_invite_observer":false},"due_dates_enabled":false,"is_group_offering":false,"step_counts":{},"is_curriculum":false,"url":"/library/maquetando-la-web-de-codely-desde-0-181753/415637/","invite_urls":{},"access":{"is_full":false,"has_registration_ended":false,"has_registration_started":true,"has_access_started":true,"has_access_ended":false},"analytics_visibility":5,"resource_license":null,"discussion_enabled":true,"parent_offering_id":null,"created_by_id":371792,"status":1,"analytics_disabled":false}}

Loading Maquetando la web de Codely desde 0...