React
- Content

React

助教微信

udacity公众号

Nanodegree key: nd019
Version: 6.0.0
Locale: en-us
React is completely transforming the Front-End Development landscape. Come master this powerful UI library, and learn career-ready skills with Udacity.

Content

Part 01 : Introduction

The React Nanodegree program is comprised of 3 courses and 3 projects. Each project you build will be an opportunity to demonstrate what you’ve learned in your lessons. Your completed projects become part of a career portfolio that will demonstrate your mastery of React to potential employers.

Module 01: First 5 Minutes
- Lesson 01: Welcome to the React Nanodegree ProgramWelcome! Our goal is to equip you with the skills you’ll need to become a professional React developer. Let’s get started!
Module 02: Career Support
- Lesson 01: Get Help with Your AccountWhat to do if you have questions about your account or general questions about the program.
  - Concept 01: FAQ
  - Concept 02: Support
- Lesson 02: Knowledge, Community, and CareersYou are starting a challenging but rewarding journey! Take 5 minutes to read how to get help with projects and content.
  - Concept 01: Getting Help
  - Concept 02: Knowledge
  - Concept 03: Student Hub
  - Concept 04: Community Initiatives
  - Concept 05: Access the Career Portal
    Part 02 : React Fundamentals
    While the modularity of the React ecosystem makes it really powerful for building applications, there is a great deal to learn. In this first course, you will learn the foundational parts of the React ecosystem that are necessary to build production-ready apps. As this is a project-based course, you’re going to start building right away. This gives you an opportunity to get your hands dirty with React, and start mastering the skills you’ll need.
Module 01: React Fundamentals
- Lesson 01: Why ReactYou’ll discover what makes React great. You will compose simple functions together to create complex ones, write declarative code, discover unidirectional data flow, and that React is just JavaScript.
- Lesson 02: Rendering UI with ReactYou’ll learn how React creates and renders elements. You’ll also convert manual element creation to JSX, use create-react-app to scaffold projects, and get a brief intro to Components.
- Lesson 03: State ManagementYou’ll learn how to pass data into a component, how to create Functional Components, when and how to use PropTypes, and how to create controlled components.
- Lesson 04: Lifecycle EventsYou’ll learn where to fetch remote data in a React application. You’ll also learn about the different lifecycle hooks and how to use them.
- Lesson 05: React RouterYou’ll learn how to add routing to a React app by using React Router. You’ll learn about the BrowserRouter, Link, and Route components to dynamically render pages.
Module 02: Project: MyReads
- Lesson 01: MyReads: A Book Tracking AppIn the MyReads project, you’ll create a web application that allows you to select and categorize books you have read, are currently reading, or want to read. Project Description - MyReads: A Book Tracking AppProject Rubric - MyReads: A Book Tracking App
  - Concept 01: Approaching a Project
  - Concept 02: Project Overview
  - Concept 03: Project Instructions & Rubric
  - Concept 04: Above and Beyond
  - Concept 05: Your Project Workspace
  - Concept 06: Step by Step Guide - React Apps
  - Concept 07: MyReads Project Workspace
    Part 03 : Career Support
    GitHub and LinkedIn are both widely used by tech recruiters to find and evaluate job candidates. Get personalized feedback on how to improve yours! You may elect to opt-out of these projects.
Module 01: Career Services
- Lesson 01: Take 30 Min to Improve your LinkedInFind your next job or connect with industry peers on LinkedIn. Ensure your profile attracts relevant leads that will grow your professional network.Project Description - Improve Your LinkedIn ProfileProject Rubric - Improve Your LinkedIn Profile
- Lesson 02: Optimize Your GitHub ProfileOther professionals are collaborating on GitHub and growing their network. Submit your profile to ensure your profile is on par with leaders in your field.Project Description - Optimize Your GitHub ProfileProject Rubric - Optimize Your GitHub Profile
  - Concept 01: Prove Your Skills With GitHub
  - Concept 02: Introduction
  - Concept 03: GitHub profile important items
  - Concept 04: Good GitHub repository
  - Concept 05: Interview with Art - Part 1
  - Concept 06: Identify fixes for example “bad” profile
  - Concept 07: Quick Fixes #1
  - Concept 08: Quick Fixes #2
  - Concept 09: Writing READMEs with Walter
  - Concept 10: Interview with Art - Part 2
  - Concept 11: Commit messages best practices
  - Concept 12: Reflect on your commit messages
  - Concept 13: Participating in open source projects
  - Concept 14: Interview with Art - Part 3
  - Concept 15: Participating in open source projects 2
  - Concept 16: Starring interesting repositories
  - Concept 17: Next Steps
    Part 04 : React & Redux
    Redux excels at state management, and in this course, you’ll learn how Redux and React work together to make your application’s state bulletproof.
    As with the previous course, this is hand-on curriculum, and building projects are what it’s all about. At the end of this course, you’ll leverage React with Redux to build a “Would You Rather?” game.
Module 01: React & Redux
- Lesson 01: Managing StateYou’ll learn techniques to make your state more predictable by moving your state to a central location and establishing strict rules for getting, listening, and updating that state.
- Lesson 02: UI + ReduxYou’ll learn to move away from having state live in the DOM by creating a vanilla JavaScript application whose state is managed entirely by Redux.
- Lesson 03: Redux MiddlewareYou’ll learn to create custom middleware and add it to your Redux store. This middleware will allow you to enhance your store by hooking into and intercepting actions before they reach any reducers.
- Lesson 04: Redux with ReactYou’ll learn how to add React to a Redux application and have the state of that application be managed by Redux.
- Lesson 05: Asynchronous ReduxYou’ll learn to better abstract asynchronous events by creating your own custom Thunk middleware and adding it to your store.
- Lesson 06: react-reduxYou’ll learn to leverage the react-redux bindings in order to leverage the benefits of a UI library like React and a state management library like Redux.
- Lesson 07: Real World ReduxYou’ll take your knowledge of Redux and utilize it by building a real-world Redux application. You’ll also learn advanced Redux topics like reducer composition and normalization.
Module 02: Project: Would You Rather?
- Lesson 01: Would You Rather?In the “Would You Rather?” Project, you’ll solidify your understanding of Redux by building a web app that lets a user play the “Would You Rather?” game.Project Description - Would You Rather…?Project Rubric - Would You Rather…?
  - Concept 01: Project Overview
  - Concept 02: Project Instructions & Rubric
  - Concept 03: Approaching a Project
  - Concept 04: Your Project Workspace
  - Concept 05: Step by Step Guide - React & Redux Apps
  - Concept 06: Would You Rather Workspace
    Part 05 : React Native
    In this course, you’ll learn how to to develop React applications that run on both iOS and Android devices. We’ll explore everything from setting up a proper development environment, building and styling a cross-platform mobile application. You’ll incorporate native APIs such as geolocation and local notifications, and even learn how to get your app ready for the Google Play Store and the App Store!
Module 01: React Native
- Lesson 01: Up and Running with React NativeYou’ll learn the ideology behind React Native as well as how it works and how to get started building an iOS and Android application with it.
- Lesson 02: React vs React NativeYou’ll discover the ideological differences between building for the web and building for native as well as the main differences between the React and the React Native API.
- Lesson 03: Styling & LayoutYou’ll take a close look at React Native’s Stylesheet API as well as its implementation of flexbox in order to be able to effectively style and layout your application.
- Lesson 04: NavigationYou’ll implement React Navigation’s navigators in order to be able to switch between tabs and screens in your application.
- Lesson 05: Native FeaturesYou’ll extend your application by adding Animations, support for both Geolocation and Local Notifications, how to work with photos, and how to get it prepped for submitting to App stores.
Module 02: Project: Mobile Flashcards
- Lesson 01: Mobile FlashcardsBuild a mobile flashcard app using React Native.Project Description - Mobile FlashcardsProject Rubric - Mobile Flashcards
Module 03: Congratulations
- Lesson 01: Congratulations! What’s Next?Congratulations! You’ve completed the React Nanodegree program! Check out this overview of all the great things you’ve learned and some of the next steps available to you.
  - Concept 01: Leveraging Your Skillset
  - Concept 02: Moving Forward
    Part 06 (Elective): Optional: Redux Project
    Using your new skills, build an anonymous content and comment application with Redux. Leverage the power of Redux to update the state of your application in a single place.
Module 01: Readable (React & Redux Project)
- Lesson 01: ReadableUsing your new skills, build an anonymous content and comment application with Redux. Leverage the power of Redux to update the state of your application in a single place. Project Description - ReadableProject Rubric - Readable
  - Concept 01: Project Overview
  - Concept 02: Project Development Guidelines
  - Concept 03: Project Workspace Info
  - Concept 04: Readable Project Workspace
    Part 07 (Elective): ES6
    In this course, you’ll learn about the latest features and improvements to Javascript, including new keywords, arrow functions, the Class syntax, Promises, and so much more. Discover how much cleaner and more concise your JavaScript code can be!
Module 01: ES6
- Lesson 01: SyntaxWith this major update to the JavaScript language, a number of syntax improvements have been added. In this lesson, you’ll learn to improve your JavaScript code with these syntax updates.
- Lesson 02: FunctionsFunctions are at the heart of JavaScript! With ES6, functions are getting some much-needed improvements. In this lesson, you’ll learn a number of new things including arrow functions and classes.
- Lesson 03: Built-insThe JavaScript environment provides you with a number of features by default. In this lesson, we’ll take a look at Sets, Maps, Proxies, Generators, how iteration works, and more!
- Lesson 04: Professional Developer-fuWith this massive improvement, not all browsers are able to support this new version of JavaScript. In this lesson, you’ll learn about using polyfills and transpiling your ES6 JavaScript code to ES5.
  - Concept 01: The Web is Growing Up
  - Concept 02: Old and New Browsers
  - Concept 03: ES6 Specification
  - Concept 04: Supported Features
  - Concept 05: The Web is Eternal
  - Concept 06: Polyfills
  - Concept 07: Using Polyfills
  - Concept 08: Polyfill Walkthrough
  - Concept 09: Other Uses for Polyfills
  - Concept 10: Transpiling
  - Concept 11: Using Babel
  - Concept 12: Transpiling Walkthrough
  - Concept 13: Transpiling Recap
  - Concept 14: Course Summary
    Part 08 (Elective): Client Server Communication
    This course will guide you through how a client communicates with a server. You’ll learn about HTTP’s request and response cycle, dig into HTTP headers and verbs, distinguish HTTP/1 from HTTP/2 capabilities, all while experiencing the importance of security by digging into the details of HTTPS.
Module 01: Client Server Communication
- Lesson 01: HTTP’s Request/Response CycleYou’ll learn the ins and outs of requests. You’ll look at how a page is requested, the headers that are received, HTTP codes, and how data is transferred.
- Lesson 02: HTTP/1You’ll take a deep dive into HTTP verbs. You’ll dig in deep to the vital headers used in HTTP. You’ll also learn how to efficiently structure applications using REST.
- Lesson 03: HTTPSYou’ll discover just how important security is to the web. You’ll learn about TLS, discover issues with loading mixed content, have a quick primer on cryptography and verify Certificate Authorities.
- Lesson 04: HTTP/2HTTP/1 is great, but the future is HTTP/2! You’ll learn about the changes that HTTP/2 brings. You’ll learn the current “best practices” that HTTP/1 extols, but that are now anti-patterns in HTTP/2.
- Lesson 05: SecuritySecurity is vital for every web application! You’ll learn about common security pitfalls and how to avoid them. You’ll also get a chance to don your white hat and hack into a (sample) bank’s website.
  - Concept 01: Security Intro
  - Concept 02: Origins
  - Concept 03: Origins 2
  - Concept 04: Overriding Same Origin Policy
  - Concept 05: CORS
  - Concept 06: Preflight Request with CORS Quiz 1
  - Concept 07: Preflight Request with CORS Quiz 2
  - Concept 08: Preflight Request with CORS Quiz 3
  - Concept 09: Security Exploit - CSRF
  - Concept 10: CSRF Quiz
  - Concept 11: Security Exploit - XSS
  - Concept 12: XSS Quiz
  - Concept 13: Security Outro
  - Concept 14: Course Outro
    Part 09 (Elective): Asynchronous JavaScript
    This course covers everything a developer needs to know to asynchronously send and receive data in their web applications. You’ll dive into how asynchronous requests work by using the XHR object to create and send asynchronous requests for image and news article data. Then, you’ll see how you can perform async requests more easily using third-party libraries and APIs like jQuery’s Ajax and the Fetch API.
Module 01: Asynchronous JavaScript
- Lesson 01: Ajax with XHRIn this lesson, you’’ll learn why you should use asynchronous data requests. Use the XHR object to send and receive data asynchronously.
- Lesson 02: Ajax with jQueryIn this lesson, you’ll compare using XHR with using jQuery’s Ajax method. You’ll send and receive data using jQuery’s Ajax methods and learn how jQuery’s Ajax works under the hood.
- Lesson 03: Ajax with FetchIn this lesson, you’ll use JavaScript Promises to create a fetch request and handle the returned data asynchronously. You’ll also learn how to handle errors for failed requests.
  - Concept 01: Ajax call with the Fetch API
  - Concept 02: What is Fetch
  - Concept 03: Write the Fetch Request
  - Concept 04: Handle The Response
  - Concept 05: The Response Object
  - Concept 06: ES6 Arrow Function
  - Concept 07: Display Content & Handling Errors
  - Concept 08: Project Wrap-up
  - Concept 09: Fetch Outro
  - Concept 10: Course Outro
    Part 10 (Elective): Git & GitHub
    This course covers the essentials of using the version control system Git. You’ll be able to create a new Git repo, commit changes, and review the commit history of an existing repo. You’ll also learn how to keep your commits organized using tags and branches and you’ll master the art of merging changes by crushing those pesky merge conflicts. Oh no! Was a mistake made along the way? Learn how to edit commits, revert changes, or even delete commits.
Module 01: Git & GitHub
- Lesson 01: What is Version Control?Version control is an incredibly important part of a professional programmer’s life. In this lesson, you’ll learn about the benefits of version control and install the version control tool Git!
- Lesson 02: Create A Git RepoNow that you’ve learned the benefits of Version Control and gotten Git installed, it’s time you learn how to create a repository.
- Lesson 03: Review a Repo’s HistoryKnowing how to review an existing Git repository’s history of commits is extremely important. You’ll learn how to do just that in this lesson.
- Lesson 04: Add Commits To A RepoA repository is nothing without commits. In this lesson, you’ll learn how to make commits, write descriptive commit messages, and verify the changes you’re about to save to the repository.
- Lesson 05: Tagging, Branching, and MergingBeing able to work on your project in isolation from other changes will multiply your productivity. You’ll learn how to do this isolated development with Git’s branches.
- Lesson 06: Undoing ChangesHelp! Disaster has struck! You don’t have to worry, though, because your project is tracked in version control! You’ll learn how to undo and modify changes that have been saved to the repository.
- Lesson 07: Working With RemotesYou’ll learn how to create remote repositories on GitHub and how to get and send changes to the remote repository.
- Lesson 08: Working On Another Developer’s RepositoryIn this lesson, you’ll learn how to fork another developer’s project. Collaborating with other developers can be a tricky process, so you’ll learn how to contribute to a public project.
- Lesson 09: Staying In Sync With A Remote RepositoryYou’ll learn how to send suggested changes to another developer by using pull requests. You’ll also learn how to use the powerful git rebase command to squash commits together.

【点击购买】

编程算法/前后端系列-2022

React

React

Content

Part 01 : Introduction

Part 02 : React Fundamentals

Part 03 : Career Support

Part 04 : React & Redux

Part 05 : React Native

**Part 06 (Elective):** Optional: Redux Project

**Part 07 (Elective):** ES6

**Part 08 (Elective):** Client Server Communication

**Part 09 (Elective):** Asynchronous JavaScript

**Part 10 (Elective):** Git & GitHub

React

React

Content

Part 01 : Introduction

Part 02 : React Fundamentals

Part 03 : Career Support

Part 04 : React & Redux

Part 05 : React Native

Part 06 (Elective): Optional: Redux Project

Part 07 (Elective): ES6

Part 08 (Elective): Client Server Communication

Part 09 (Elective): Asynchronous JavaScript

Part 10 (Elective): Git & GitHub

**Part 06 (Elective):** Optional: Redux Project

**Part 07 (Elective):** ES6

**Part 08 (Elective):** Client Server Communication

**Part 09 (Elective):** Asynchronous JavaScript

**Part 10 (Elective):** Git & GitHub