chentsulin

Week 2

Homework Assignment

繳交方式

• Deadline: 3/17 中午 12:00
• 把檔案寄至 chentsulin@gmail.com，標題寫 [作業二/ 電機X XXX] (如果你已經會用 github 也可以寄 repo 連結過來)

1. 寫一個判斷並回傳型別的 function getType

chentsulin

Week 3

Homework Assignment

Chat Room Application

繳交方式

• Deadline: 10/22 中午 12:00
• 把檔案寄至 chentsulin@gmail.com，標題寫 [作業三/ 電機X XXX] (如果你已經會用 github 也可以寄 repo 連結過來)

chentsulin

Week 4

Next Week Pre-reading

node & npm

CommonJS Module

• CommonJS Basics Introduction
• Learning node module

chentsulin

Week 4 課堂練習

Calculator App

Resource

依照提供的檔案進行修改 (https://github.com/web-seminar/calculator)

參考 UI

chentsulin

Week 1

Next Week Pre-reading

JavaScript 重要特性

• Introduction to Object-Oriented JavaScript
• Equality comparisons and sameness
• Lexical scoping & Closure
• Inheritance and the prototype chain

chentsulin

client.sendImagemap(userId, 'Re: [問卦] 齊柏林導演的故事給了我們什麼啟示?', {
  baseWidth: 1040,
  baseHeight: 720,
  baseUrl: 'https://our.image.com/server/path',
  actions: [
    {
      type: 'uri',
      linkUri: 'https://www.ptt.cc/bbs/Gossiping/M.1497100764.A.C81.html',
      area: {
        x: 0,

chentsulin

const App = () => {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');

  const handleNameChange = event => {
    setName(event.target.value);
  };
  const handleEmailChange = event => {
    setEmail(event.target.value);
  };

chentsulin

const App = () => {
  const theme = useContext(ThemeContext);
  const locale = useContext(LocaleContext);
  
  return (
    <div className={theme}>
      {locale}
    </div>
  );
};

chentsulin

const App = () => {
  return (
    <ThemeContext.Consumer>
      {theme => (
        <LocaleContext.Consumer>
          {locale => (
            <div className={theme}>
              {locale}
            </div>
          )}

chentsulin

class App extends Component {  
  componentDidMount() {
    this.subscribe(this.props.userId);
  }

  componentDidUpdate(prevProps) {
    if (this.props.userId !== prevProps.userId) {
      this.unsubscribe(this.props.userId);
      this.subscribe(this.props.userId);
    }