Meta React Native 专业化 - 8 门课程系列
Meta React Native Specialization - 8 course series
- 1. intro-to-mobile-development
- 01_01_introduction-to-the-program
- 01_02_introduction-to-the-course
- 01_03_web-and-mobile-developer-roles
- 01_04_a-day-in-the-life-of-a-mobile-developer
- 01_07_capstone-project-overview
- 02_01_how-the-internet-works
- 02_02_what-are-websites-and-webpages
- 02_03_what-is-a-web-server-and-how-does-it-work
- 02_04_what-is-a-web-browser-and-how-does-it-work
- 03_01_mobile-application-evolution
- 03_02_ios-platform-and-language
- 03_03_android-platform-and-language
- 03_04_javascript-the-language-of-the-web
- 03_05_web-browsers-vs-mobile-browsers
- 03_06_responsive-websites
- 03_08_module-summary-mobile-development
- 01_01_what-is-hyper-text-markup-language
- 01_02_html-documents
- 01_05_linking-documents
- 01_06_introduction-to-the-dom
- 01_07_web-accessibility
- 02_01_selecting-and-styling
- 02_04_box-model-introduction
- 02_05_document-flow-block-vs-inline
- 03_01_developer-tools
- 03_03_what-is-a-an-ide
- 03_05_module-summary-introduction-to-html-and-css
- 01_01_what-is-cross-platform-mobile-development
- 01_03_pros-and-cons-of-cross-platform-app-development
- 01_04_what-is-an-emulator
- 02_01_static-and-dynamic-content
- 02_02_single-page-applications
- 02_03_what-is-react
- 02_04_case-study-why-did-facebook-engineers-create-react
- 02_05_how-react-works
- 02_07_component-hierarchy
- 03_01_what-is-react-native
- 03_02_why-did-meta-create-react-native
- 03_03_module-summary-react-and-react-native
- 01_01_course-1-recap-introduction-to-mobile-development
- 02_01_congratulations-you-have-completed-introduction-to-mobile-development
- 2. programming-with-javascript
- 01_01_introduction-to-programming-with-javascript
- 01_02_how-is-javascript-used-in-the-real-world
- 01_07_setting-up-vs-code-optional
- 02_01_introduction-to-programming
- 02_02_why-javascript
- 02_03_programming-in-javascript
- 02_05_variables
- 02_09_data-types
- 02_10_operators
- 02_11_numbers
- 02_12_strings
- 02_13_booleans
- 03_01_writing-statements
- 03_02_working-with-conditional-statements
- 03_07_looping-constructs
- 03_08_for-loop
- 03_09_while-loop
- 03_13_nested-loops
- 03_20_module-summary-introduction-to-javascript
- 01_01_functions
- 01_02_storing-data-in-arrays
- 01_07_introduction-to-objects
- 01_12_math-object
- 01_13_a-closer-look-at-strings
- 01_19_typeof
- 02_01_bugs-and-errors
- 02_02_try-catch-blocks
- 02_04_undefined-null-and-empty-values
- 02_12_module-summary-the-building-blocks-of-a-program
- 01_01_introduction-to-functional-programming
- 01_03_function-calling-and-recursion
- 01_04_introduction-to-scope
- 01_09_scoping-with-var-let-and-const
- 01_10_comparing-var-let-and-const
- 02_01_introduction-to-object-oriented-programming
- 02_02_classes
- 02_05_inheritance
- 03_01_de-structuring-arrays-and-objects
- 03_03_for-of-loops-and-objects
- 03_05_working-with-template-literals
- 03_08_data-structures
- 03_10_spread-operator
- 03_11_rest-operator
- 04_01_javascript-modules
- 04_02_javascript-dom-manipulation
- 04_04_javascript-selectors
- 04_05_event-handling
- 04_10_javascript-object-notation-json
- 04_12_module-summary-programming-paradigms
- 01_01_other-javascript-environments-node-npm
- 01_03_what-is-testing
- 01_04_types-of-testing
- 01_05_introduction-to-jest
- 01_06_writing-tests-with-jest
- 01_09_tdd-test-driven-development
- 01_12_module-summary-testing
- 01_01_recap-programming-with-javascript
- 02_01_congratulations-on-completing-the-course-programming-with-javascript
- 3. introduction-to-version-control
- 01_01_introduction-to-the-course
- 01_02_how-do-developers-collaborate-in-the-real-world
- 02_01_what-is-version-control
- 02_02_case-study-how-meta-engineers-collaborate
- 02_04_systems-of-version-control-and-tools
- 02_07_a-history-of-revisions
- 02_10_module-summary-software-collaboration
- 01_01_the-command-line
- 01_02_what-are-unix-commands
- 01_04_using-bash-on-windows
- 01_05_change-directories-and-list-contents
- 01_06_creating-and-moving-directories-and-files
- 01_08_pipes
- 01_09_redirection
- 01_10_grep
- 01_13_module-summary-command-line
- 01_01_what-is-git-and-github
- 01_07_creating-and-cloning-a-repository
- 01_08_how-git-works
- 01_09_add-and-commit
- 01_10_branches
- 01_11_remote-vs-local
- 01_12_push-and-pull
- 01_15_example-workflow
- 01_16_head
- 01_17_diff-commands
- 01_18_blame
- 02_03_module-summary-working-with-git
- 01_01_course-recap-version-control
- 02_01_congratulations-you-have-completed-version-control
- 4. react-basics
- 01_01_introduction-to-the-course-react-basics
- 01_02_how-is-react-used-in-the-real-world
- 02_01_why-react
- 02_02_react-js-overview
- 02_03_introduction-to-functional-components
- 02_04_creating-react-components
- 02_08_the-react-project-structure
- 02_10_importing-components
- 03_01_principles-of-components-props
- 03_03_using-props-in-components
- 03_06_introducing-jsx
- 03_09_practical-styling
- 03_11_embedded-jsx-expressions
- 03_14_embedding-in-attributes
- 03_17_module-summary
- 01_01_types-of-events
- 01_03_common-event-handling
- 01_05_syntax-for-handlers
- 01_07_user-events
- 02_01_parent-child-data-flow
- 02_03_children-and-data
- 02_05_what-are-hooks
- 02_07_what-is-state
- 02_08_observing-state
- 02_10_managing-state
- 02_12_react-state-management
- 02_14_stateful-vs-stateless
- 02_18_module-summary
- 01_01_basic-types-of-navigation
- 01_03_the-navbar
- 01_07_conditional-rendering
- 01_10_single-view-conditional-updates
- 02_01_what-is-an-asset-and-where-does-it-live
- 02_03_using-embedded-assets
- 02_06_audio-and-video
- 02_08_create-an-audio-video-component
- 02_11_module-summary-navigation-updating-and-assets-in-react-js
- 01_01_course-recap-react-basics
- 01_04_exemplar-build-a-calculator-app
- 02_01_congratulations-you-completed-react-basics
- 02_01__Setting up VS Code
- 5. react-native-course
- 01_01_introduction-to-the-course
- 01_02_what-is-react-native
- 01_03_native-cross-platform-hybrid-developer-roles
- 01_04_meet-a-cross-platform-developer
- 01_07_react-native-development-environment-overview
- 01_08_react-native-with-expo
- 02_01_how-is-react-native-used-in-the-real-world
- 02_02_react-native-code
- 02_04_what-is-expo
- 03_01_what-are-react-native-components
- 03_02_building-a-component
- 04_01_what-are-view-and-text-components
- 04_02_using-the-view-and-text-components
- 04_06_what-is-the-scrollview-component
- 04_07_using-the-scrollview-component
- 05_01_styling-components-using-stylesheet
- 05_02_practical-styling
- 05_06_module-summary-introduction-to-react-native
- 01_01_rendering-large-lists-using-flatlist-component
- 01_02_using-the-flatlist-component
- 01_06_flatlist-methods
- 02_01_render-large-lists-by-sections-using-sectionlist
- 02_02_using-the-sectionlist-component
- 03_01_what-is-the-textinput-component
- 03_02_configure-the-textinput-component
- 03_06_virtual-keyboard-on-mobile-apps
- 03_08_handling-the-virtual-keyboard
- 04_02_passing-props-to-textinput-component
- 04_05_using-textinput-methods
- 04_08_module-summary-lists-and-text-input-in-react-native
- 01_01_what-is-the-pressable-component
- 01_02_using-pressable-component
- 02_01_displaying-images-in-react-native
- 02_02_using-image-component
- 02_04_styling-an-image-within-the-app
- 02_05_passing-props-to-the-image-component
- 02_07_setting-background-images
- 03_01_what-are-hooks
- 03_02_using-usecolorscheme-hook
- 03_04_using-usewindowdimensions-hook
- 03_06_using-other-community-hooks
- 03_11_module-summary-pressable-images-and-hooks-in-react-native
- 01_01_what-is-react-navigation
- 01_03_setting-up-react-navigation
- 01_04_using-the-stack-navigator
- 01_06_approaches-to-passing-props-to-screen
- 02_01_moving-to-a-new-screen
- 02_02_moving-between-screens
- 02_04_going-back-to-previous-screen
- 02_05_configuring-a-header-bar
- 03_01_what-is-tab-navigation
- 03_02_tab-navigation-example
- 03_03_customizing-your-tab-navigator
- 04_01_what-is-drawer-navigation
- 04_02_drawer-navigation-example
- 04_07_module-summary-react-navigation
- 01_01_course-recap-react-native
- 01_05_solution-walk-through-little-lemon-newsletter-sign-up
- 02_01_congratulations-you-have-completed-react-native
- 6. meta-working-with-data
- 01_01_why-data-is-important-to-mobile-apps
- 01_02_introduction-to-the-course-working-with-data-in-react-native
- 02_01_what-you-know-about-http
- 02_02_restfulness
- 02_03_naming-conventions
- 02_05_essential-tools-for-api-development
- 02_07_exercise-know-your-tools_1 Know your tools-1
- 02_07_exercise-know-your-tools_2 GET request-1
- 02_07_exercise-know-your-tools_4
- 02_07_exercise-know-your-tools_7
- 02_07_exercise-know-your-tools_GET-2
- 03_01_rest-best-practices
- 03_02_security-and-authentication-in-rest-api
- 03_03_access-control
- 01_01_contacting-servers-http-protocol-and-asynchronous-calls
- 01_02_http-protocol-and-promises-in-action
- 02_01_what-you-ve-learnt-about-json
- 02_03_fetching-images
- 02_07_module-summary-interacting-with-rest-apis-in-react-native
- 01_01_what-is-a-database
- 01_02_how-is-data-related
- 01_03_what-is-structured-query-language
- 01_04_sql-usage
- 01_05_sql-syntax-introduction
- 01_07_create-and-drop-database
- 02_01_what-are-tables-in-databases
- 02_04_numeric-data-types
- 02_05_string-data-types
- 02_06_default-values
- 02_07_create-table-statement
- 02_09_alter-table-statement
- 03_01_insert-statement
- 03_02_select-statement
- 03_03_updating-data
- 03_04_deleting-data
- 03_07_module-summary-introduction-to-databases-sql
- 01_01_what-is-asyncstorage
- 01_02_working-with-asyncstorage
- 01_04_connecting-asyncstorage-to-state
- 02_01_what-is-sqlite
- 02_02_setting-up-expo-sqlite
- 02_04_connecting-sqlite-to-state
- 02_08_module-summary-data-in-react-native
- 01_01_course-recap-working-with-data-in-react-native
- 02_01_course-wrap-up
- 7. principles-of-ux-ui-design
- 01_01_introduction-to-the-principles-of-ux-and-ui-design
- 01_02_a-day-in-the-life-of-a-meta-product-designer
- 01_03_introduction-to-ux-and-ui
- 01_04_a-day-in-the-life-of-a-meta-product-manager
- 01_05_final-project-overview
- 02_01_what-is-ux
- 02_02_ux-goals-quality-components
- 02_04_overview-of-the-ux-process
- 03_01_what-is-ui
- 03_04_getting-started-with-figma
- 04_01_who-is-your-user
- 04_03_empathy-tools
- 04_06_case-study-user-research-in-the-real-world
- 04_07_module-summary-introduction-to-ux-and-ui
- 01_01_evaluating-design
- 01_04_case-study-accessibility-at-meta
- 02_01_form-design
- 02_03_components-in-ui-design
- 03_01_little-lemon-evaluation
- 03_04_navigation-best-practices
- 03_06_module-summary-evaluating-interactive-design
- 01_01_frames-layers-and-basic-shapes
- 01_03_type-and-text
- 01_05_grids-and-constraints
- 01_08_manipulating-elements
- 01_09_working-with-images
- 02_01_wireframing
- 02_05_usability-testing
- 02_09_module-summary-applied-design-fundamentals
- 01_01_make-it-beautiful
- 01_03_stylize-high-fidelity-design
- 02_01_what-are-design-systems
- 02_03_design-systems-in-figma
- 03_01_moving-from-design-to-prototyping
- 03_03_animate-and-test-your-prototype
- 03_04_case-study-how-meta-uses-micro-interactions
- 03_07_module-summary-designing-your-ui
- 01_01_course-recap-for-principles-of-ux-and-ui
- 02_01_congratulations-you-have-completed-principles-of-ux-ui-design
- 8. capstone-react-app
- 01_01_introduction-to-the-course
- 02_01_setting-up-the-project
- 03_01_planning-the-ux-and-ui
- 03_10_module-summary
- 01_01_onboarding-flow
- 02_01_food-ordering-user-flow
- 02_10_module-summary
- 01_01_course-recap-capstone-project
- 02_01_play-store-submission-process
- 02_02_building-and-testing-your-app
- 02_03_preparing-your-app-for-submission
- 03_01_app-store-submission-process
- 03_02_building-and-testing-your-app
- 03_03_preparing-your-app-for-submission
- 04_01_congratulations-you-have-completed-the-capstone-project