課程簡介
網頁前端設計在現代越來越重要,是許多程式設計師的第一門課程、青壯年轉換職業跑道的門路、平面設計師的必修。此課程會一步一步帶者你走,讓你能夠從頭開始架設屬於你自己的網頁!你不需要有任何的程式設計經驗,也不需要有相關的背景知識。開始學習網頁前端技術,讓你學會一技之長,能夠開啟網頁技術的大門。
在這堂課程結束之後,你將能夠使用:
1 前端網頁技術開發
2 VS Code 操作技巧以及實用熱門Extension
3 HTML5 – HTML5 – 超文件標記語言
4 CSS3 – CSS3 – 階層式樣式表
5 JavaScript – 網頁前端後端程式語言
6 了解DOM, Hoisting, Scope, Closure, Prototype Inheritance, execution context, callbacks, this keyword, bind call apply functions等進階JS觀念與運用
7 Bootstrap
8 Git and GitHub, Source Tree 版本控制
9 Figma – UI/UX設計工具
10 打造有形網站,架構出自己的現代風格網頁
11 將網站架構到雲端主機,讓大家看到你的作品
12 Flexbox開發技術,讓你做RWD事半功倍
13 學習進階前端開發技術,解決你對前端網頁排版的諸多疑惑
https://softnshare.com/html5-css3-z/
「figma 文件」的推薦目錄:
figma 文件 在 緯育TibaMe Facebook 的最佳貼文
#百業千師 #遠距工作術 #大遠端時代的溝通_協作與管理
睽違兩個月啦,百業千師第二屆
「去辦公室化的遠距工作術」終於再次與大家重新見面!
首場活動就邀請具有豐富跨國管理經驗的Meet.jobs負責人林昶聿,
分享適合遠距的工作情境、有效溝通技巧、如何打造團隊高效協作,
以及各行各業最在乎的–到底什麼情境該使用什麼工具!
#遠距工作的協作與工具
1⃣️️ 遠距會議/溝通工具:Skype、Zoom、Google Meet
2⃣️ 內部溝通工具:Slack、JANDI
3⃣ ️日曆:Google Calendar
4⃣ ️檔案共享工具:Google Drive、DropBox
5⃣ ️線上文件協作工具:Google文件、HackMD
6⃣ ️專案管理工具:Trello、Clickup
7⃣ 版本需求與任務追蹤:GitHub、GitLab、Redmine
8⃣ 設計協作工具:Figma
當遠距工作成為趨勢,想要讓遠距工作更有生產力之前,
你需要先判斷自己是否適合遠距工具,
再來善用線上工具、有規劃性的進行團隊協作。
除了要擁有相對應的數位技能,更挑戰的其實是自我管理能力,
我們能多運用番茄工作法,達到最有效的時間管理!
✨ 完整筆記 ➡️ https://blog.tibame.com/?p=16462
#不藏私獨家筆記
|遠距工作術,下場預告|
主題:遠距工作實戰技巧
日期:8/5 (三) 19:30-20:30
講師:曹凱閔|MAYO鼎恒數位科技客戶成功經理
免費報名,請走這邊:https://www.tibame.com/course/1047
figma 文件 在 矽谷輕鬆談 Just Kidding Tech Facebook 的精選貼文
想知道常見的即時協作軟體,如 Google Docs、Trello 或是 Figma,是用什麼樣的演算法實作多人同時編輯的嗎?這篇先存起來就對了!
協作軟體的實作方式主要分成兩種:Operational Transformation (OT) 跟 Conflict-free Replicated Data Types (CRDTs)
比較早期的軟體 (1989 ~ 2006) 是使用 OT 實作的,Google Docs 就是知名的例子,2006 以後則是使用 CRDTs,做設計師跟軟體工程師協作軟體的獨角獸 Figma 就是使用 CRDTs, Figma 也在這篇文章介紹了他們是怎麼實現多人實作的,值得一讀! https://www.figma.com/blog/how-figmas-multiplayer-technology-works/
至於為什麼要用 CRDTs 取代 OT 呢?OT 的演算法主要的處理都是在伺服器端,也就是你跟你朋友如果坐在一起,開兩台電腦編輯同一份文件的話,還是得送到遠端的伺服器來處理解決 Conflict,如果這個伺服器離你們的位置很遠的話,或是同時編輯的人數很多,這個方式的效能會不夠好;CRDTs 則是可以做到用戶跟用戶之間直接傳送 Update,並且確保只要兩個人看到一樣的 Set of Updates,即便順序不一樣,文件最終的結果也會長一樣,但實作上也會遇到很多困難跟不同的情境要處理,有興趣的人可以看完整影片!
#肯吉唧唧
P.S. 講者是我們之前提過的系統設計聖經 - DDIA 的作者 - Martin Kleppmann
https://martin.kleppmann.com/2020/07/06/crdt-hard-parts-hydra.html
figma 文件 在 【怦然心動的Figma 檔案整理技巧(上篇)】... - Design Tips Today 的推薦與評價
怦然心動的Figma 檔案整理技巧(上篇)】 如何有技巧地整理設計檔案的狀態、規劃好架構,讓團隊在工作上可以更加順暢是非常重要的課題,今天跟大家分享2 個怦然心動整理 ... ... <看更多>
figma 文件 在 Moonvy/Figma-All-Backup: 🗳 批量备份Figma 文件 的推薦與評價
Figma All Backup. для создания локальных бекапов fig файлов. 备份你账号下的全部Figma 文件到本地. paste code into figma devtool console. ... <看更多>
figma 文件 在 Figma快速入门教程之1 - 安装&创建文件 - YouTube 的推薦與評價
手把手教你快速精通 Figma ,打破语言障碍,紧跟UX/UI设计趋势,定期更新~ ... <看更多>