course website: Udemy Instructor: Dr.Angela Yu
Course Content:
- HTML CSS
- Bootstrap4
- Javascript & jQuery
- Express.js
- API JSON Heroku
- EJS
- Mongodb - Mongoose
- Build REST API
- Authentication & Security
- React.js
A simple Curriculum vitae template 🍻
Checkout the live demo here.
A landing page for finding dogs nearby 🐶TinDog
boostrap, css, html
- DICEE GAME A game that use two dice to randomly justify who wins.
- Drum Kit A game. When the player clicks on different musical instrument pictures, different sounds will be generated, thus producing different melodies.
- Simon Game A game that tests memory skills. The device creates a series of tones and lights and requires a user to repeat the sequence. If the user succeeds, the series becomes progressively longer and more complex. Once the user fails or the time limit runs out, the game is over.
A Calculator that get user's input and send the result back to them.
A signup page collect user's information in Mailchimp. send back to user success/failure feedback.
The page has been posted in Heroku!
Check me!📩
API: OpenWeather ☁️ A page that send user current weather in different city.
\
API: Bitcoinaverage 💰 A page that get real-time, OHLC, volume and historical price data for the following Cryptocurrencies: Bitcoin (BTC), Bitcoin Cash (BCH), Litecoin (LTC), Ethereum (ETH), Dash (DASH), Ripple (XRP), Monero (XMR) plus many more.
\
Multi pages todolist
A single page todolist
A multi-page daily journal.
A simple database create/delete/analyse using mongoose.
A user-oriented Todolist design. When a user adds a subpage(__/XXX) to the address, the system will automatically create a todolist category and apply pagetitle to the todolist title. At the same time, the user-created todolist database will be recorded locally using mongoose. Recommend Users use Robo 3T to view local database!
Home page:
\
Test new page:
A multi-page daily journal.
Homepage:
\
postpage:
\
database:
An Wiki Api
Ensure users' information security with multiple methods:
- Database Encryption
- Hashing password
- Salting and Hashing password with bcrypt
- Cookies and Sessions
- Login with Google!
- Introduction to Code Sandbox
- JSX Code Practice
- Javascript Expressions in JSX & ES6 Template Literals
- Statements vs. Expressions
- JSX Attributes & Styling React Elements
- Inline Styling for React Elements
- React Components
- Javascript ES6 - Import, Export and Modules
- React Props
- React DevTools
- Mapping Data to Components
- Javascript ES6 Map/Filter/Reduce
- Javascript ES6 Arrow functions
- React Conditional Rendering with the Ternary Operator & AND Operator
- State in React - Declarative vs. Imperative Programming
- React Hooks - useState
- Javascript ES6 Object & Array Destructuring
- Event Handling in React
- React Forms
- Class Components vs. Functional Components
- Changing Complex State
- Javascript ES6 Spread Operator
- Managing a Component Tree
-
Interactive Form
-
Todolist
-
Keeper Note App
