Basic HTML5 and CSS3

• Objectives:
  • Able to layout website without using bootstrap
  • Able to implement responsive web application
  • Able to use some new properties:
    • Flex Box: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  • Able to apply animation.
• Choose a online course to learn in-depth pure HTML and CSS
  • Ex: https://www.udemy.com/design-and-develop-a-killer-website-with-html5-and-css3/learn/v4/t/lecture/2801582?start=0

Getting started with React

• Understand React
  • React Componennt Life Cycle
  • Able to run an example: Where we call requests to API server.
• Apply some UI frameworks
  • React Semantic: https://react.semantic-ui.com
  • Ant Design: https://github.com/ant-design/ant-design
  • There are a lot of UI kits now, so you can define some factors to choose which one:
    • npm trends: https://www.npmtrends.com/
    • Ability of extension.

Why we need Redux

• Read about Flux Architecture: https://facebook.github.io/flux/docs/overview.html#content
• Redux
• Read open sources and able to explain how it works
  • https://github.com/gothinkster/react-redux-realworld-example-app
  • https://github.com/reduxjs/react-redux

Redux/Flux in avandce

• What is Redux Thunk?
• Problem when using Redux Thunk
  • https://github.com/reduxjs/redux-thunk
  • https://medium.com/@gethylgeorge/understanding-how-redux-thunk-works-72de3bdebc50
  • https://medium.com/dailyjs/using-redux-observable-to-handle-asynchronous-logic-in-redux-d49194742522
• Redux Obversable

Rx.js

• What is this?
• Basic operator