!文末有更多好康資訊!
|學科繪本書單|
🍭One lonely fish
適合年齡:0-8歲
✨Andy Mansfield X Thomas Flintham大師作品
🏷G1-認知繪本&G6-學科繪本
[教學內容]
1. 數字1-10
2. 跨學科-自然生物鍊(大魚吃小魚)
✔️難易度-簡單
一隻孤單的小魚。
來了下一隻較大的魚,現在有2隻魚。
來了下一隻較大的魚,現在有3隻魚。
來了下一隻較大的魚,現在有4隻魚。
來了下一隻較大的魚,現在有5隻魚。
來了下一隻較大的魚,現在有6隻魚。
來了下一隻較大的魚,現在有7隻魚。
來了下一隻較大的魚,現在有8隻魚。
來了下一隻較大的魚,現在有9隻魚。
來了下一隻更大的魚,現在有10隻魚。
Gulp!
哦不.....現在只剩一隻孤單的大魚。
🍭有沒有發現,這一本的內頁設計很特別,作者利用頁面裁減模式,讓讀者發現「大魚吃小魚」的概念,並且利用書本下方配角螃蟹的神情,讓讀者快速看到後面有條大大魚的靠近,真的很厲害,無需真的教自然生物鍊的概念,我們從繪本學吧🙂。
👉🏻故事影片
https://youtu.be/UbFAvVfbVmE
https://youtu.be/FzSnY1myoLI
#學科繪本
1. 跨各學科主題書單
2. 糖果老師共讀書籍/雙語課程教材
更多共讀書單請往這裡看
Candy’s Story Funfair
https://www.facebook.com/groups/2119150601690119/
「gulp教學」的推薦目錄:
- 關於gulp教學 在 Candy玩教學 Facebook 的精選貼文
- 關於gulp教學 在 卡斯伯 Facebook 的最佳解答
- 關於gulp教學 在 卡斯伯 Facebook 的最讚貼文
- 關於gulp教學 在 [問題] gulp是什麼東西- 看板Web_Design - 批踢踢實業坊 的評價
- 關於gulp教學 在 Gulp 前端自動化- 環境安裝與執行 - Roya's Blog 的評價
- 關於gulp教學 在 Gulp 基本教學- 從無到有Gulp-Beginners-Guide - GitHub 的評價
- 關於gulp教學 在 【六角線上研討會】Webpack vs Gulp 差異大比拚你知道 ... 的評價
gulp教學 在 卡斯伯 Facebook 的最佳解答
線上教學大部分與學生的互動來自於問答
許多同學除了問課程中的問題外
有些也會將實戰中遇到的拿來詢問
其中我最喜歡的回答的是 「gulp」 課程的問題
原因在於一般課程大多是詢問作業上的問題
或者是觀念上的釐清
但 gulp 不同的則是屬於實戰上的問題
gulp 在概念上是定義任務名稱
定義水管起點 -> 需要進行自動化的檔案
定義水管過程 -> 自動化的過程
定義水管出口 -> 自動化輸出的位置
然後每個開發者可以自己組合水管
觀念上好學易吸收 (相對其它技術來說學習曲線較低)
而且可以套用在當前執行中的專案
依據需求漸進式優化開發流程
在課程中通常不會遇到太多狀況
但同學使用在實戰上就會自行調整水管而需處理
這也是我樂見的部分
同學會將所學套用在實際的工作
並且有效地改善工作流程
也很多「網頁設計師」會回饋到此課程幫助他們很多 :D
以前我接觸到 gulp 也是有這樣的感覺喔喔喔 (開心 😆
gulp教學 在 卡斯伯 Facebook 的最讚貼文
最近再稍微研究 Webpack
看了些文件,
很多沒寫到他核心概念,
如果仔細研究,
會誤認他和 gulp 很相近
以下這份教學
寫得還不錯
就一起來練習看看唄
gulp教學 在 Gulp 前端自動化- 環境安裝與執行 - Roya's Blog 的推薦與評價
Gulp 安裝. 本篇教學都是採用Gulp 4,關於Gulp 4 與Gulp 3 的差異,之後將會再做介紹. Gulp 依賴Node.js 環境,需先進行安裝。推薦使用LTS 版本:. ... <看更多>
gulp教學 在 Gulp 基本教學- 從無到有Gulp-Beginners-Guide - GitHub 的推薦與評價
Gulp 基本使用教學. 因為小弟覺得這東西非常實用,所以就簡單寫個教學文,順便記錄一下 ,希望能幫助想學的人. 如果教學有誤再請糾正. 影片介紹Gulp基本 ... ... <看更多>
gulp教學 在 [問題] gulp是什麼東西- 看板Web_Design - 批踢踢實業坊 的推薦與評價
本身底子不太好,只會寫一般的網頁
上網查了查gulp的教學,看來看去還是看不懂
也不太會用,我是勉強會用css預處理器
(那些要用命令列的東西都不太懂)
可是gulp看一堆教學還是霧殺殺的感覺也安裝失敗
我是用laragon做後端環境
想請教大家gulp白話說來是什麼呢?
假設要開始做網頁,一開始都要先做那麼多複雜的前置嗎?@@
例如資料夾結構:
sample-project
-dist
index.php
-src
script
styles
vendor
jshintrc
gulpfile.js
package.json
像這樣的資料夾分配感覺挺複製的
dist不知道是什麼
img資料夾不知道放哪邊
我本來都是只是這樣
-img
-css
-js
index.php ...
不過想要再更專精前端還是想好好了解這些東西
還請版上的高人們多多指教,感激感激 m(* *)m
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.198.180
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1473971276.A.23C.html
... <看更多>