Welcome to this Guided Project where you will learn how to build a movie search application using React. In modern web development, it's crucial to know how to make asynchronous API calls and handle data fetching. In this tutorial, you'll make HTTP requests to a movie database API in ReactJS, as well as use React's useEffect hook to manage component state and render said data. You will also create reusable components and pass props between them. But what's a React app without some style? Fear not, you will also be using CSS to make your app look visually appealing. By the end of this project, you will have created a fully functional movie search application, with the ability to add and remove movies to a list of favorites. You will also have worked with APIs, React hooks, and CSS styling in React. Get ready to take your web development skills to the next level!
通过 Coursera Plus 提高技能,仅需 239 美元/年(原价 399 美元)。立即节省

您将学到什么
Pass data between components using React's state and props
Manage data by making asynchronous API calls using React's lifecycle methods
Implement CSS styling and responsive design in React components
要了解的详细信息

添加到您的领英档案
仅桌面可用
了解顶级公司的员工如何掌握热门技能

在 2 小时内学习、练习并应用岗位必备技能
- 接受行业专家的培训
- 获得解决实训工作任务的实践经验
- 使用最新的工具和技术来建立信心

关于此指导项目
分步进行学习
在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:
Adding Movie Search Functionality with OMDB API (14 min)
Build components and state to store and render movies (10 min)
Add functionality to delete movie and conditionally render movies (8 min)
Demonstrate your understanding of React functional components, props and state (2 min)
Build a Modal Component for extra Movie Details (14 min)
Polish website with CSS styling (7 min)
Cumulative task (21 min)
推荐体验
programming concepts: variables, functions, conditional statements. React.js, props, state. Working with APIs in JavaScript. Basic command line
7个项目图片
位教师

提供方
学习方式
基于技能的实践学习
通过完成与工作相关的任务来练习新技能。
专家指导
使用独特的并排界面,按照预先录制的专家视频操作。
无需下载或安装
在预配置的云工作空间中访问所需的工具和资源。
仅在台式计算机上可用
此指导项目专为具有可靠互联网连接的笔记本电脑或台式计算机而设计,而不是移动设备。
人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

Jennifer J.

Larry W.








