|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-redux-egitimi/
课程评论：没有评论
课程名称：从零开始全面学习 React 和 Redux 本课程旨在帮助您全面掌握 React 和 Redux 技术。您将学习以下关键概念和技术： **核心概念：** * **Components (组件):** React 的基础构建块。 * **Props (属性):** 父组件向子组件传递数据的方式。 * **State (状态):** 组件内部管理的数据。 * **Hooks:** React 16.8 引入的新特性，用于在函数组件中使用 state 和其他 React 特性。 * **Lifecycle (生命周期):** React 组件从创建到销毁的各个阶段。 * **React Router:** 用于在 React 应用中实现路由导航。 * **Memoization (记忆化):** 优化组件性能的技术。 * **Context API:** React 内置的状态管理方案，用于跨组件共享数据。 * **JWT Authentication (JWT 认证):** 一种常用的用户认证方式。 * **Real-time Applications (实时应用):** 使用 Socket.IO 等技术构建实时交互的应用。 * **Unit Testing (单元测试):** 编写测试以验证组件功能。 * **NPM JS Component Sharing (NPM JS 组件共享):** 如何在 NPM 上发布和分享自己的组件。 * **Localization (本地化):** 为应用添加多语言支持。 * **Deploy (部署):** 将 React 应用部署到生产环境，学习 Surge, Netlify 和 AWS EC2。 **课程亮点：** * **深入基础:** 详细讲解 React 和 Redux 的核心概念，以及它们出现的背景和解决的问题。 * **项目驱动:** 课程约 6 小时内容为项目实践，包括电子商务应用和聊天应用等真实世界项目，帮助您巩固所学知识。 * **ES6 标准:** 所有代码均遵循 EcmaScript 6 (ES6) 标准，并会讲解 ES6 基础和模块系统。 * **状态管理:** 重点讲解 React 的 Context API，并用其完成项目。 * **Redux 详解:** 系统讲解 Redux 的概念（Action, Reducer, Store, Dispatcher, Provider 等）和工作流程，以及如何使用 Redux-Thunk 管理异步操作。 * **Next.js:** 学习 Next.js 框架，包括服务端渲染 (SSR)、路由、Styled Components、HMR、Isomorphic Fetch、Prefetch 等。并使用 Express.js 实现自定义路由。 * **PWA 和 Service Workers:** 介绍渐进式 Web 应用 (PWA) 和 Service Workers 的概念，以及如何构建离线可用的 Web 应用。 * **重复强化:** 通过在不同视频中重复讲解重要概念，加深学员的记忆。 本课程将超越 React 和 Redux 本身，还将介绍与之集成或协同工作的相关技术，以帮助您构建更优秀的应用。
Öğreneceğiniz Başlıca Teknik TerimlerComponentsPropsStatesHooksLifecycleReact RouterMemoizationContext APIJWT AuthenticationReal time Çalışan Uygulamalar Geliştirmek (Socket IO)Unit TestingNPMJS Üzerinde Component PaylaşmakLocalizationDeployGerçek Dünya Projeleri (E-Commerce app, Chat app vb.)Neleri KonuşuyoruzHer zaman beklentilerin üzerinde kurs vermeyi hedefledim. Bu da demek oluyor ki, sadece React ve Redux öğrenmeyeceksiniz. Bu teknolojiler ile entegre çalışabilecek veya bu teknolojiler ile birlikte kullandığınızda ortaya daha iyi işler çıkarabileceğinize inandığım teknolojilerden de bahsettim.Öğrendiklerimizi de havada bırakmayıp projeler ile iyice pekiştirdik. Projelere çok fazla önem verdim. Kursun yaklaşık 6 saatlik kısmını projeler oluşturuyor.Temel DerslerBir teknolojiyi her yönüyle öğrenirken en önemli nokta temel dersler. Eğer kullandığınız teknolojinin hangi amaca hizmet ettiğini, hangi sorunu çözmek için ortaya çıktığını bilmeden sırf popüler diye kullanırsanız inanın bana kaliteli işler çıkmıyor. İşte bu noktada "React Nedir?", "Redux Nedir?" ve hangi amaca hizmet etmek için, hangi sorunu çözerek ortaya çıkmışlar detaylı olarak anlattım.Kodlarımızı tamamen EcmaScript 6 standartlarına uygun olarak yazdık. EcmaScript 6 temellerinden ve modül sisteminden de ayrıca bahsettim.React'in temelini oluşturan Component, Props, State, Lifecycle, React Router gibi kavramları özenerek anlattım.Context APIReact uygulamaları geliştirirken state'i yönetmek gerçekten çok büyük sorun olabiliyor. State yönetimi için onlarca kütüphane sayılabilir. Bunların arasında en basit ve anlaşılabilir olarak React'in çekirdeğinde bulunan Context API göze çarpıyor. Biz de kurs boyunca projelerimizi Context API'ı kullanarak geliştirdik ve gayet net bir şekilde pekiştiğine inanıyorum.ReduxRedux, çoğu zaman anlaması ve uygulaması zor olduğu söylenen bir yapı. Ben bu sorunu konunun sıralı bir şekilde anlatılmamasına bağlıyorum. Sıralı olarak üzerine konarak anlatılan bir kursta oldukça anlaşılır bir yapı.Redux nedir? Neden ihtiyaç duyarız gibi kilit bir soruyu cevapladıktan sonra, Redux data flow'u tanımlayarak Action, Reducer, Dispatcher, Store, Provider gibi redux'ın en kilit kavramlarını tek tek anlattım.Redux-Thunk Middleware ile Async Action'ları nasıl yönetip kullanabileceğinize gerek Redux'ın temellerinde gerek proje derslerinde sık sık değinerek akılda kalıcı olarak kalmasını sağladım.Siz kurs içerisinde fark etmiyorsunuz ancak ben aynı şeyi farklı videolarda sık sık tekrarlıyorum. Bir şeyin akılda kalması da tekrara bağlı zaten.Next.JSServer Side Rendering'in ne olduğunu anladıktan sonra SSR konusunda en iyi altyapıyı sağlayan Next.JS'i öğrenmeye başladık.Next.JS'in sahip olduğu Routing, Styled Component, HMR, Isomorphic Fetch, Prefetch gibi kavramları enine boyuna anlattım.Ayrıca custom routing işlemlerinde de Express.JS kullanarak konuyu destekledim.Bu bölümden sonra günümüzün en modern web teknolojilerinden biri olan Next.JS ile SSR destekli React uygulamaları geliştirebileceksiniz.Progressive Web Uygulamaları ve JavaScript Service WorkersProgressive Web Uygulamaları, belki şuan'a kadar pek duymadığınız ama önümüzdeki on yıl içerisinde en çok duyacağınız kavramlarından biri.Bir web site düşünün ki internet bağlantısı olmasa dahi çalışabilsin. Bize bunu kazandıran Service Workers denilen yapı. Internetin çekmediği metrolarda insanların web sitenizi kullanmasını ister misiniz? İşte bu konuyu da kursta anlattım. Faydalanacağınıza eminim.DeployProjenizi yaptıktan sonra en sancılı süreçlerden biri bu olabiliyor. React uygulamalarınızı deploy edebileceğiniz hazır servislerden olan Surge ve Netlify'ı öğreneceksiniz. Ayrıca kendi sunucunuza nasıl deploy edeceğinizi öğrenmeniz için de AWS EC2 üzerine deploy işlemlerini konuşuyor ve uyguluyoruz.
