CSS Animated Components with ReactJS

4.6

30 個評分

提供方

2,453 人已註冊

在此指導項目中,您將:
1hr 30m
中級
無需下載
分屏視頻
英語(English)
僅限桌面

In this 1-hour long project-based course, you will learn how to - Identify the basic ReactJS project structure, including TypeScript, Webpack, Storybook, and SASS configuration, - Render a Hello World component, as well as identify the basic structure of a ReactJS component, including how to render the component in Storybook. - Create an animated sprite, by creating a logical folder structure, and writing the HTML, TypeScript, and animated CSS to render a sprite component to Storybook. - Pass in a ReactJS prop to the component to track the facing direction of the animated Sprite and identify the difference between ReactJS discuss state vs props. - Use ReactJS state to track user input, and update the component state in ReactJS lifecycle events to flip the character's sprite sheet renderings. - Finalize your component by tracking position using props and state and using ReactJS lifecycle methods to position the sprite around the page based on user keyboard input, allowing the component to “walk” around the website. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

您要培養的技能

  • Webpack

  • React (Javascript Library)

  • Software As A Service (SAAS)

  • Typescript

分步進行學習

在與您的工作區一起在分屏中播放的視頻中,您的授課教師將指導您完成每個步驟:

指導項目工作原理

您的工作空間就是瀏覽器中的雲桌面,無需下載

在分屏視頻中,您的授課教師會為您提供分步指導

審閱

來自CSS ANIMATED COMPONENTS WITH REACTJS的熱門評論

查看所有評論

常見問題