選手列表
幾乎每個使用 Vue.js 的開發者都會以 .vue 檔開發元件,但卻很少人知道 .vue 的原理是什麼。 本系列文章將用 30 天分析 .vue 的原始碼,並將所學應用到專案上。
歸功於硬體設施和瀏覽器的成長,網頁可以辦到許多以前辦不到的事,比如說離線瀏覽、操控硬體、語音辨識、虛擬實境等,再加上得天獨厚的跨平台優勢,表現出無限可能的未來。 以前從未細看 W3C 究竟釋放出哪些 JavaScript Web APIs ,對於新功能更是毫無所悉,但如果希望開發出更棒的網頁,那深入了解這些API就是重要的。 接下來這30天將會挑選「裝置互動」以及「虛擬實境」或新興功能有關的 API,做研讀與練習,並希望用深入淺出的方式和大家分享。
為自己將來轉職為前端工程師準備的筆記,也提供一個討論的平台,希望讓自己的筆記能提供想法給需要的人
不久前讀到「忍者 JavaScript 開發技巧探秘(第二版)」這本由 jQuery 發明者 John Resig 所編寫的書,才發現自己從事 JavaScript 開發多年來,一直對這個程式語言的原理一知半解。雖然會用各種前端框架,卻不知道背後發生的原因。這本書用易懂的方式解釋了 JS 的基礎概念,讓我豁然開朗,因此想藉由比賽30天的時間,以我理解的角度重新解釋習得的概念。 系列文章的主題會以 JavaScript 函式及物件的探討為主,然後是要怎麼利用這些特性在瀏覽器中開發優質的應用程式。
「Adobe Xd」是 Adobe 軍團最新推出的 UI/UX設計工具,徹底整合以往僅用 Illustrator、Photoshop 的設計流程,現在還可以將設計稿直輸到 After Effects 做動態介面設計。 現在,我們能用 Adobe Xd 完成線框稿、介面設計以及製作原型,還支援全球設計師通用的原型設計軟體 ProtoPie、標註協作工具 Zeplin等,更可以使用擴充外掛搭配各種線上生產力工具,提升團隊協作效力。 隨著使用者愈來愈多,但網路上的教學與解答還並不是太多,我希望透過這系列文章的推廣,讓更多朋友能成為 Adobe Xd 社群的一員 :)
Flask 常用的各種功能的實作 逐步告訴你如何開發自己的Flask網站
隨著科技進步,瀏覽器能夠做的事情越來越多,前端的技術推陳出新,許多前端開發的概念也逐漸過時。 除了後端以外,前端也需要嚴謹的工程化以及架構,才能應付日漸複雜的需求。Webpack 與 babel 的出現造就前端蓬展。這 30 天希望可以各種新、舊的 Javascript 技術,並且分享在一般網頁開發時會遇到的問題以及瀏覽器、Javascript 的運作,再逐漸帶到近幾年逐漸流行的框架:web-component, react, vue。 這並不是一份從 0 到 1 的入門教材,而是記錄自己對於前端開發的理解,並分享一些自己的經驗,更適合已經有基礎的前端工程師。
JavaScript 的一些行為常常讓人摸不著頭緒,想要完全的熟悉就不能只做表面功夫。這個系列是以讓自己能夠對 JS 更了解為出發點而寫的 ( 儘管已經有許多厲害的前輩寫過了 ) ,內容涵蓋基本型別、記憶體運作方式、常用 Browser API 、到設計模式...等所有我認為與 JS 相關且重要的知識。 內容大概會參考 33-js-concepts 這個 Git Repo 以及一些線上課程的內容但會以自己理解的方式重新描述。讓我們深入研究這門語言,一起解放心中的原力吧,May The Force Be With You !
以官方文件為主的翻譯、學習及實作,MDN 為主,搭配 NodeJS & MongoDB 官網,並且參考一些知名教學網站的Node課程「大綱」,試著做出一些常見的功能。