Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pocper1/vue3_week_practice

Last synced: 13 days ago
JSON representation

Host: GitHub
URL: https://github.com/pocper1/vue3_week_practice
Owner: pocper1
Created: 2021-08-03T14:22:06.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2021-09-04T01:48:46.000Z (over 3 years ago)
Last Synced: 2024-11-05T13:16:50.536Z (2 months ago)
Language: HTML
Size: 27.3 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 六腳學院-新手夏令營
> 學習vue3 基本知識
>
> 每日練習:[codepen](https://codepen.io/pocper1)

## Week1
> github page: https://pocper1.github.io/Vue3_week_practice/week1/templete.html
>
> 目的:透過資料內容呈現多筆資料列表

- 資料來源：https://randomuser.me/
- 需要使用 v-for 呈現多筆資料
- 需要呈現至少 5 個物件內的屬性值
- 文字、圖片、連結等
- 嘗試使用 v-on 來進行資料的切換
挑戰等級
- 完成: 在 mounted 生命週期中，透過 Ajax 取得 https://randomuser.me/ 遠端資料，重新渲染至畫面上、包含 Ajax 並自創版型完成此挑戰

## Week2
> github page: https://pocper1.github.io/Vue3_week_practice/week2/calculator.html
>
> 目的:製作簡易雙數的計算機

- 包含兩個數值的運算
- 包含加減乘除四種運算符號
- 可以運算結果並儲存結果

- 完成: 將歷史資料儲存於 LocalStorage，並維持最多 10 筆歷史資料

## Week3
> github page:https://pocper1.github.io/Vue3_week_practice/week3/ToDOList.html
>
> 目的: 製作 Todos 工具，包含 CRUD 的完整行為

- 可以新增、編輯、刪除、陳列 Todo 的列表功能
- 可以 “完成” 特定的項目（complete）
- 可以使用全部、未完成、已完成的方式過濾列表的顯示
挑戰等級
- 完成: 將歷史資料儲存於 LocalStorage

## Week4
> github page: https://pocper1.github.io/Vue3_week_practice/week4/ToDoList.html
> 目的: 延續第三週，改為使用 Composition API 製作 Todos 工具，包含 CRUD 的完整行為

## Composition 練習
> 參考課程範例，挑戰 Kata 練習！

> 什麼是 Kata 練習
> 「Kata」是日本字「形」的意思，中文的意思是「套路」。而 Code Kata 就是透過一些小型的程式題目進行重複鍛鍊，就像學功夫套拳。不需要 GUI 或複雜的軟體框架，只需要程式語言本身和一個單元測試函式庫，透過全然遵守 TDD 的規範來練習這些題目，內化及提升程式設計能力。

Vue3 每日練習:
- [codepen](https://codepen.io/pocper1)