Day 01 - 12-17-18 - 7 hrs, 47 mins
- Added Week 10 pages and updated index & roadmap to reflect additions.
- Read first half of Eloquent JavaScript: Chapter 15 - Event Handling.
- Built Celestial Drawings small game as starter for event handling.
Day 02 - 12-19-18 - 7 hrs, 38 mins
- Read notes so for for JS Dom interactiona and event handling.
- Built basic text editor to practice with key press events.
- Read the intro and first chapter of book The Road to Learn React (2017), but content read too online-tutorial-like and seemed lacking in theory.
- Read intro and first chapter of React Quickly (2017). Much more my style. Went into core uses of and purpose of react with a lot more theory, balanced by some short examples.
Day 03 - 12-20-18 - 4 hrs, 24 mins
- Explored the create-react-app application further, to better understand default file/folder structure and data flow when creating a react project with create-react-app. Summary: component classes defined in various .js files. Components define and return html elements, styling, and/or import more components to be displayed as part of component. Return what they want displayed from render(). index.js class imports react, react-dom, and all components used, then renders components to index.html elements via ReactDom.render(), which creates a component and calls its render() method. App.js class built as default component class with sample import statement. Default index.css, App.css also generated.
- Read the second chapter of React Quickly, built a react project and played around with creating react components and applying them to the DOM, as well as applying styles to them, as rendering components of different types through conditional checks in the render() statement prior to returning the components for DOM application. Very basic. Just working with text elements now, and only html attributes, no css yet.
Day 04 - 12-21-18 - 5 hrs, 7 mins
- Read first half of React Quickly, Ch. 03 JSX. Refactored REACT app from yesterday to use JSX.
- Built first React HelloWorld app, created git for project, and pushed it to Heroku.
- Read second half of React Quickly, Ch. 03 JSX. Refactored REACT app from yesterday to use JSX.
- Added some styling to React Hello World via style object in React
Day 05 - 12-22-18 - 9 hrs, 53 mins
- Added Time component to Hello World React page to dynamically update time
- Added Stock section to Hello World React page with stock charts and looping array of images that rotates dynamically, 1x per second, using React.
- Ran current site files through w3c validation to check for errors
- Refactored as much css styling in project as possible to be created by React rendering
- Pushed updates to Heroku and github