|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-native-with-typescript-the-practical-guide-2022/
课程评论:没有评论
课程名称:React Native与Typescript实践指南(2022) 课程概述: React Native结合了原生开发的最佳部分与React这一一流的JavaScript库,用于构建用户界面。React原语渲染为原生平台的UI,这意味着您的应用程序使用与其他应用相同的原生平台API。简而言之,通过React Native,您只需掌握一种语言(JavaScript)即可在iOS和Android设备上创建原生应用程序。 适合人群: 如果您希望开始自己的开发者职业生涯或提高编程技能,这门课程非常适合您。您将获得信心和技能,以开始自己的项目。 课程内容: 您将创建一个名为“Workout”的移动应用程序,使用JavaScript编程语言进行开发。课程分为多个部分,包括: 1. 设置开发环境模拟器,学习React Native的理论知识。 2. 创建多个屏幕(视图)及其之间的导航,学习导航的不同设置方法及工作原理。 3. 探索一些React Native组件,类似于浏览器中使用的组件,掌握基本HTML的同学会更容易理解。 4. 加载外部资源(如字体),创建简单的资源加载器以初始化应用程序所需的数据。 5. 创建详细的锻炼页面,显示更精确的信息,学习如何在导航中传递参数以获取数据。 6. 了解数据管理、存储和数据操作的方法,学习如何使用手机原生存储来存储和检索数据。 7. 学习使用hooks函数来获取数据。 8. 创建可重用组件(模态窗口),用于显示锻炼的顺序。 9. 实现应用程序的核心功能:为当前活动的锻炼显示倒计时(计时器)。 10. 开发创建锻炼的表单,添加/移除锻炼。 11. 最后实现“主题”功能,允许用户在暗色和亮色主题之间切换。 课程的最后部分覆盖了在设备和模拟器上测试应用程序。 通过本课程,您将掌握React Native开发的实用技能,为未来的开发工作打下坚实基础。
What is React Native?React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do. Simplified, with React Native you can create a native application on IOS and Android devices, only with a knowledge of one language (Javascript).Is this course right for you?If you plan to start your career as a developer or improve your programming skills, this course is right for you.You will get the confidence and skills required to start your own projects.What are you going to work on?You will create a "Workout" mobile application with Javascript programing language.The course is divided into multiple parts (check curriculum).In the first part, you will set up a development environment simulator and learn more about React Native theory.Right away after that, you will start working on the application. First, you will learn to create multiple screens(views) and navigation between them. An instructor will show you different ways and techniques to set up navigation and, most importantly, how navigation works.In the next part, you will discover some React Native components. Native components are similar to those used in the browser. If you have some basics in HTML, it will be for your piece of cake to grasp these concepts.Loading external resources such as fonts is very important for UX. You will create a simple resource loader and prepare a function to boot up all required initial data of your application.In the next couple of lectures, you will create a detailed workout page, displaying more precise information. You will learn how to pass parameters in navigation and use them to fetch data.The next part of the course covers data management, storage, and data manipulation. It's important to know where to store data and retrieve them. An instructor will show you an easy way how to do that. As storage, you will use native storage of your phone(simulator).Hooks functions are an essential part of React environment. You will learn how to use them to get data.In the following section, you will go back to the detail screen of the application. You will learn how to create a reusable component, modal. A modal window will be responsible for displaying a sequence of workout exercises.The application's core feature is to display a countdown(timer) for currently active exercise. In the eighth section, you will work precisely on this feature. An instructor will guide you through creating a reusable hook function that will provide "countdown" functionality.Countdown functionality goes hand-in-hand with the feature to display the currently "active" exercise, and after the countdown is finished, load the next exercise and reload the countdown again. In the next section, you will work on a form to create a workout and add/remove exercises in the workout.The course is finishing with you working on the "theme" feature. This simple functionality allows users to toggle between the dark and light theme of the application.The last part of the course covers testing the application on the device and in the simulators.