{"permissions":{},"commerce":{"user_subscriptions":null,"subscription_plans":[{"id":120,"image":"https://coursebook-uploads.s3.amazonaws.com/uploads/school_sub_plan_images/p81.png","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":"CodelyTV Pro","amount":29.0,"plan":{"id":172,"amount":29.0,"interval":5,"trial_period_days":0,"trial_type":10},"resources_count":29,"url":"https://pro.codely.tv/subscribe/","currency_display":"29,00 € EUR","currency_display_per_month":"29,00 € EUR","currency_display_giftable_cycles":{}}],"global_tracking_code":"","conversion_tracking_code":"<script>\r\n// Avoid registrations in courses with an already active subscription.\r\nif (PATHWRIGHT___REGISTER___SUBSCRIBED) {\r\n const subscriptionEvent = {\r\n 'transactionId': PATHWRIGHT___SUBSCRIBE___SUBSCRIPTION___ID,\r\n 'price': PATHWRIGHT___SUBSCRIBE___COUPON ? PATHWRIGHT___SUBSCRIBE___COUPON___COUPON___DISCOUNTED_PRICE : PATHWRIGHT___SUBSCRIBE___SUBSCRIPTION___PLAN___AMOUNT,\r\n 'couponCode': PATHWRIGHT___SUBSCRIBE___COUPON___CODE ,\r\n 'amountDiscounted': PATHWRIGHT___SUBSCRIBE___COUPON && PATHWRIGHT___SUBSCRIBE___COUPON___COUPON___DISCOUNTED_SUBSCRIPTION_CYCLES * PATHWRIGHT___SUBSCRIBE___COUPON___COUPON___DISCOUNT_PERCENT * PATHWRIGHT___SUBSCRIBE___SUBSCRIPTION___PLAN___AMOUNT,\r\n 'amountAfterDiscount': PATHWRIGHT___SUBSCRIBE___COUPON___COUPON___DISCOUNTED_PRICE,\r\n 'discountPercent': PATHWRIGHT___SUBSCRIBE___COUPON___COUPON___DISCOUNT_PERCENT,\r\n 'event': 'subscription-purchased'\r\n };\r\n \r\n dataLayer.push(subscriptionEvent);\r\n}\r\n</script>","payment_requires_zip_code":false,"currency_code":"eur"},"media":{"image":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FeW3wcWyURIGgqaBi5cw8%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&ixlib=python-1.1.0&w=500&s=5a62cb2925d370c3173faa9cb57ab06c","thumb":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FeW3wcWyURIGgqaBi5cw8%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=250&ixlib=python-1.1.0&w=250&s=d4e7108674a4cb7ad6e45093e51dac53","logo":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FlN2wQr7yScy6pjed70A4%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=max&h=200&ixlib=python-1.1.0&w=600&s=458384beb52065d027a74004e9b6efc1","url":"//d1do9mm1n6degf.cloudfront.net/","banners":[],"theme":{"id":310,"name":"CodelyTV Pro - 3400","description":"","primary_color":"16a085","background_image":null,"heading_font":"","typekit_id":"","custom_css":"","theme_css_url":null,"typekit_scripts":null,"background_image_blurred_cdn":null,"background_overlay":"","background_type":5,"background_image_raw":""},"pages":[]},"school":{"id":13172,"name":"CodelyTV Pro","platform_version":2.2,"url":"https://pro.codely.tv/","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":"User (Pathwright 2)","billing_model":10,"website":"","has_certificate":true,"subdomain":"codelytv","ietf_language_tag":"es-ES","short_description":"El Netflix de la programación 🚀 | Cursos de AWS, Arquitectura Hexagonal, CQRS, Screenshot testing en Android y iOS, Scala, Agile, testing con VueJS, MEAN, y mucho más!","has_consent_description":false},"support":{"has_faqs":false,"support_email":"soporte@codely.tv","support_phone":"","support_link":"","support_policy":"¡Te escuchamos! 👂\r\n\r\nContacta con nosotros en soporte@codely.tv. Útil para casos como:\r\n* Incidencias con tu cuenta o con la plataforma\r\n* Sugerencias sobre contenido para nuevos cursos\r\n* Feedback sobre los cursos\r\n* Propuestas de cualquier tipo\r\n\r\nEstamos empezando y queremos escucharos para saber vuestras necesidades. ¡Siéntete libre de escribirnos en cualquier momento! 🙂\r\n\r\nEsperamos poder dar respuesta a vuestros emails en un plazo máximo de 2 días. No obstante, pedimos comprensión en caso de no ser así 🙏\r\n\r\nUn saludo y muchas gracias por apoyar. Esperamos que estés aprendiendo y te resulte útil el contenido que ofrecemos. Si no es así, ya sabes dónde estamos para intentar mejorar 😬","support_faqs":null},"security":{"terms_of_service":"https://pro.codely.tv/pages/terms-of-use.html","privacy_policy":"https://pro.codely.tv/pages/privacy-policy.html","csrf_token":"20xPuXbXFIv8BQkt8h4tbG12fOhi1qCYnUJtDi5PrGdtAXfTUcu7VrUgBVWhlnRi","terms_agreement_prompt_override":""},"social":{"twitter_username":"CodelyTV","facebook_username":"CodelyTV","google_plus_username":"","pinterest_username":""},"integrations":{"facebook":null,"filepicker":{"read_policy":"eyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0=","read_signature":"888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34"},"algolia":false,"intercom":{"app_id":"nb5f8bpp","school_app_id":"nb5f8bpp","school_staff_app_id":null,"pathwright_app_id":"5txzvi2k","segment":false,"school_profile":null},"stripe":{"publishable_key":"pk_live_h3qpeoxyzKFQjLvCzzsl3M48"},"firebase":null,"google_analytics":{"account_id":"UA-7874288-5","domain_name":"pathwright.com"},"sso":{"pathwright_login_enabled":true,"providers":[],"current_provider":null}},"customizations":{"head_markup":["","\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n"],"script_markup":["\n\n\n","\r\n\r\n"],"global_tracking_code":""},"pathwright_account":{"is_on_legacy_plan":false,"is_activated":true,"payment_key":"pk_V26ZEKLGb9otX6E1CRSVns4V7Im9e","subscription":{"id":962,"school":13172,"plan":{"id":16,"name":"Essentials 2.0","image":null,"description":"For launching a full online school & community.","amount":99.0,"fee_per_additional_learner":0.0,"features":{"1-staff-member":true,"create-unlimited-courses":true,"start-at-1000-active-learners":true,"free-course-design-courses":true,"sell-courses-with-commerce":true,"friendly-email-support":true,"starts-with-5-staff-members":true,"use-your-own-domain-name":true,"essential-app-integrations":true,"guided-course-design-courses":true,"sell-subscriptions":true,"priority-email-support":true},"plan_order":2,"plan_color":"6bc288","visibility":15,"learners_included":1000,"user_discount_func":1,"should_contact_for_pricing":false,"intervals_by_month":[{"interval_id":5,"months":1,"amount_per_cycle":99.0,"amount_per_month":99.0,"discount_percent":0.0,"discounted_amount_per_month":99.0,"discounted_amount_per_cycle":99.0,"discount_per_month":0,"discount_per_cycle":0},{"interval_id":7,"months":6,"amount_per_cycle":594.0,"amount_per_month":99.0,"discount_percent":0.05,"discounted_amount_per_month":94.0,"discounted_amount_per_cycle":564.0,"discount_per_month":5,"discount_per_cycle":30},{"interval_id":10,"months":12,"amount_per_cycle":1188.0,"amount_per_month":99.0,"discount_percent":0.1,"discounted_amount_per_month":89.0,"discounted_amount_per_cycle":1068.0,"discount_per_month":10,"discount_per_cycle":120},{"interval_id":20,"months":1,"amount_per_cycle":99.0,"amount_per_month":99.0,"discount_percent":0.0,"discounted_amount_per_month":99.0,"discounted_amount_per_cycle":99.0,"discount_per_month":0,"discount_per_cycle":0}],"scholarships_available":false},"subscription":{"id":36352,"card_last_4":"1341","subscription_plan":{"id":84,"amount":0.0,"interval":5,"trial_period_days":0,"trial_type":null},"is_delinquent":false,"cycle_start_dtime":"2019-06-27T11:26:58-04:00","cycle_end_dtime":"2019-07-27T11:26:58-04: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,"additional_learners_included":0}},"user":null,"session":{"user":null,"school_membership":null,"csrf_token":"28cWvP8RE1MT4mKWm8UxtkIewc7CF5ikn2oAEa2JqZue3tFm83kbd5BsSjMBZ2xE","search":{"school_membership":{"key":"34c85547c979db3aef8cbc2240b55e057d002e0b8f6071f6c37306d0aada655a","params":{"tagFilters":["school_13172"],"validUntil":1563307034,"restrictIndices":"prod_school_membership"}},"index_prefix":"prod_"},"firebase":null,"is_authenticated":false},"DEBUG":false,"resource":{"id":30719,"name":"Crea una app MEAN profesional con AngularJS y Webpack","description":"

💸 Primera lección disponible sin registro 💸

A lo largo del curso iremos viendo cómo ir montando poco a poco
una aplicación MEAN completa. Construiremos nuestro servidor API y nuestro cliente AngularJS que consumirá esta API.

Crearemos la parte del cliente utilizando AngularJS, Webpack y módulos ES2015. Para la parte del servidor usaremos Node.js, Express, MongoDB y Mongoose. Aprende tambien como subir a producción tu proyecto con now.

Con este curso aprenderás a :

Aplicar una estructura moderna y profesional a una app AngularJS con buenas practicas y módulos ES2015
A utilizar webpack en tu proyecto y entender cómo funciona para manejar tus dependencias de cliente con npm o yarn
A crear una aplicación full stack completa DESDE CERO con Javascript ES2015 tanto en el cliente como en el servidor
A crear una API con express que interactúe con mongoDB a través de Mongoose

Aquí el trailer del curso para que te hagas una idea de la calidad del contenido 😬

","short_description":"Aprende a crear una aplicación MEAN moderna con ES2015 y buenas prácticas.\n\nLa web servirá para buscar imágenes utilizando la API de unsplash y gestionar las imagenes favoritas de un usuario.","categories":[{"id":2655,"name":"Frontend","slug":"frontend","description":"","order":3,"resources_count":8},{"id":2770,"name":"JavaScript","slug":"javascript","description":"","order":5,"resources_count":7}],"image":"","cover_image":"https://cdn.filestackcontent.com/SZWivMoSSKGIlUOq7NOC","thumb":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FSZWivMoSSKGIlUOq7NOC%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?dpr=1&fit=crop&h=232&ixlib=python-1.1.0&w=310&s=84753fa36902cb5c47874ded3e49d7b8","thumb_2x":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FSZWivMoSSKGIlUOq7NOC%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?dpr=2&fit=crop&h=232&ixlib=python-1.1.0&w=310&s=345c8d53b0b31f6defb6e83b52c3bb81","icon":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2FSZWivMoSSKGIlUOq7NOC%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=35&ixlib=python-1.1.0&w=35&s=2b1a951c5c2af890e536a26cf447ccff","background_image":"https://pathwright.imgix.net/https%3A%2F%2Fpathwright-static-media.s3.amazonaws.com%2Fdefault-image-set-v1%2Fcover-image-4.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=7708a3f16d94802411200f537602c3a3","background_overlay":null,"background_image_blurred_cdn":"https://pathwright.imgix.net/https%3A%2F%2Fpathwright-static-media.s3.amazonaws.com%2Fdefault-image-set-v1%2Fcover-image-4.png?balph=40&blend=666666&blur=500&bm=screen&fit=max&fm=jpg&h=500&high=-80&ixlib=python-1.1.0&q=100&w=500&s=5af2dfd71503cc06989fba15b9890eb0","background_type":5,"authors":[{"id":1346,"display_name":"JuanMa Garrido","first_name":"JuanMa","last_name":"Garrido","bio":"

Full Stack Developer (Javascript) especializado en Frontend con más de 10 años de experiencia en el sector.\n

Después de pasar por empresas como Softonic y Schibsted, y de trabajar en multitud de proyectos (frontend/backend) ⛏, roles (developer/lead) 🧐, y frameworks (Angular, Vue y React) 🔥, ahora afronta como freelance proyectos de formación, desarrollo Javascript 😎, y programación blockchain 🔗🤟\n

","image":"https://pathwright.imgix.net/https%3A%2F%2Fcdn.filestackcontent.com%2Fapi%2Ffile%2Fu5mtfG9TGaJUGOPYKkow%3Fsignature%3D888b9ea3eb997a4d59215bfbe2983c636df3c7da0ff8c6f85811ff74c8982e34%26policy%3DeyJjYWxsIjogWyJyZWFkIiwgInN0YXQiLCAiY29udmVydCJdLCAiZXhwaXJ5IjogNDYyMDM3NzAzMX0%253D?fit=crop&h=115&ixlib=python-1.1.0&w=115&s=a1a2cc73d2dcd860fc2cc14c46d5a644","resources_count":2,"salutation":"","title":"Full Stack Developer","slug":"juanma-garrido","order":5,"avatar":"https://cdn.filestackcontent.com/u5mtfG9TGaJUGOPYKkow"}],"created":"2017-11-11T15:05:57.234647-05:00","url":"https://pro.codely.tv/library/crea-una-app-mean-profesional-con-angularjs-y-webpack/","offering_counts":{},"resource_type":10,"resource_type_display":"Course","slug":"crea-una-app-mean-profesional-con-angularjs-y-webpack","trailer_embed_code":"","list_order":null,"total_registration_count":50,"sum_registration_count":66,"lowest_public_offering_price":null,"highest_public_offering_price":null,"group_offering":null,"curriculum_offering":null,"num_offerings":1,"visibility_level_override":null,"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},"offering":{"id":65754,"name":"","access_starts":null,"access_ends":null,"enrollment_starts":null,"enrollment_ends":null,"description":"","visibility":15,"price":0.0,"seats":null,"seats_filled":0,"seats_available":-1,"price_for_user":0.0,"currency_display":"0,00 € EUR","include_in_subscription_plans":[],"is_subscription_only":false,"resource_id":30719,"path_id":1614457,"permissions":{"can_participate":false,"can_register":true,"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":{"total":37,"reading":17,"video":0},"is_curriculum":true,"url":"/library/crea-una-app-mean-profesional-con-angularjs-y-webpack/65754/","invite_urls":{},"grade_report_url":null,"access":{"is_full":false,"has_registration_ended":false,"has_registration_started":true,"has_access_started":true,"has_access_ended":false},"analytics_visibility":5,"staff":[],"resource_license":null,"discussion_enabled":true,"parent_offering_id":null}}

Loading Crea una app MEAN profesional con AngularJS y Webpack...