iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 6
0
自我挑戰組

第九屆鐵人賽主題小幫手系列 第 6

不夠 Modern 不能稱之為是 Modern Web

  • 分享至 

  • xImage
  •  

各家的網頁、網站 開發語言,
或是 相關的前後端工具,
甚至是UI/UX相關的方法或是實作。

現在都是與日俱進,
不管是前端的進步也好,
還是前後端分離這件事情,
甚至是後端開發語言也是不斷地更新、進步。

JavaScript 這10年內的進步,我相信大家都是有目共睹
不斷地進步與進化,現在用JS都可以寫前端+後端了
還有各種開發用的Framework可以使用,不論前後端甚至是APP端都蓬勃發展呢

大家也應該對於這個主題中的各項子主題都相當熟悉才是

雖然現在沒有明確定義網站開發的整體流程分工,
自己工作過以後,也覺得分工也是因公司因團隊而異的

這個主題現在有74個人參與,自我挑戰也才73個人 (12/11)

所以想必不用我多做說明了

來推薦10幾篇進度最多也挺不錯的主題吧

  1. 三十哩路,我的前端學習路程 8/30
    持續30天來記錄自己學習前端技術的心路歷程

  2. 認識 Chrome 開發者工具 8/30
    在日益複雜的前端工程中,開發者工具是一項非常重要但是又常被遺忘的工具,所以希望透過這一次的鐵人賽跟大家介紹 Chrome 開發者工具,讓大家的除錯功力更上一層樓。

  3. next.js + 各種套件組合 8/30
    next.js 一些基本介紹與各種套件的組合介紹

  4. 重新學習網頁設計 8/30
    HTML5, CSS3, ES6 更新已久,很多新東西並沒有花時間去認識。 希望可以藉這個機會好好更新下自己的知識庫,讓自己技術跟著時代前進。

  5. 前端工程師養成手冊 8/30
    學習程式時常會遇到許多未知的挑戰,當自己無法解決又求助無門時,容易讓自己止步不前,原本想踏入程式之路的熊熊烈火因此熄滅真的非常可惜。 這本手冊我將會整理這幾年投入前端的經驗談,以及輔導超過兩百位前端轉職成功所內化出來的心得,讓想成為前端工程師的朋友,能夠吸收我們前人的經驗而更加順遂 :D

  6. PixiJS,方便好用的 WebGL 內容產生工具 8/30
    PixiJS 是運作在 WebGL 下的內容產生工具,如果頁面不支援 WebGL,也可自動轉換成在 Canvas 裡運作。 內建各種互動方式,可以使用一套程式碼,分別對手持裝置與PC做不同或是相同的事件監聽。 也內建了遮罩與混和模式效果,視覺與互動上可考慮與一般網頁不一樣的呈現方式。 擴充上也可再加上 WebGL 濾鏡等功能,更多的介紹與實作,就在內文裡了!

  7. 新時代的網頁框架比較-- 淺談Rails、Django、Phoenix、Laravel 7/30
    寫完題目就有點後悔,我真的要談這麼大的題目嗎?(題目是可以編輯的吧XD)反正鐵人賽本來就是要把自己逼入絕境,發揮人的潛能不是嗎? 前陣子學了一點Elixir與Django,覺得與Ruby on Rails的交互參很有意思,在文學領域有一門學問叫「比較文學」,但比較不同程式語言框架之間的文章卻不常出現(或是我孤陋寡聞)。 希望這個題目可以給猶豫不知道要選擇哪一種框架的新手作為一些參考。同時我也是擔心今年如果單純寫Ruby on Rails,我可能會湊不滿三十天啦。

  8. 如何在前端開發流程中加入使用者經驗設計 - 以線上相簿為例 7/30
    以技術開發為主的前端工程師,如何在開發流程中,加入使用者經驗設計的工作項目,然後以 React 開發一個線上相簿。希望透過這個分享,讓工程師有基本的 UX 能力,能在開發前就介入產品設計,避免在過程中亡羊補牢,導致產品最終像是個拼湊起來的結果,增加開發的成功率。並且以一個 ES6 新手記錄 React 心得。

  9. 平時沒注意的 JavaScript - JS 生態系及週邊工具整理 7/30
    Alex Tzeng @alxtz 基本上我會把之前讀過,有實際學過的原文好文做一些翻譯,順便附上實作。 熟悉的領域包含 Vue, React, Webpack, Node, Python, Shell, Linux, Atom, Open Source, Functional Programming, 寫履歷, 面試, 出國。 基本上之後我會將更詳細的更新寫成網頁放在 GitHub 上,同時間也可以發 PR 跟我講有什麼想聽的 https://github.com/alxtz/Iron-Man

  10. Expo --- 跨平台 App 開發從零到上架 7/30
    Expo 是一套基於 React Native 開發的框架,它除了相容大多數的 React Native API 之外,也透過 Expo SDK 提供豐富的額外 API。除此之外,它最大的特點是有自己的整合開發工具『Expo XDE』,以及不需要任何實體連接線,即可部署程式到任何安裝有 Expo App 的手機上的超便利特性;換句話說,甚至可以在沒有 MAC 電腦的情況下,撰寫 iOS App。 本文旨在提供 Expo 一條入門的捷徑,內文除了 Expo 框架的使用教學之外,預計會整合使用 Express.js 撰寫後端 API + Appium 實現 Android/iOS 自動測試。

  11. Nest.js framework 30天初探 7/30
    Nest.js 還算是很新的Node.js 後端框架,初次看到這框架時,已經深深被吸引住。雖然我寫Node.js也只近一年,coding經歷也還很淺薄,但想藉由這機會跟大家一起學習這框架。 Nest.js 是base on Express和Socket.IO,語法架構類似Java Spring和Angular,實現語言官方推薦使用TypeScript,是一套適合拿來寫大型網站的後端框架。 想用Node.js寫高品質後端程式的工程師,不要錯過這美物了~~

  12. Confluence 線上協同作業之平台 6/30
    本主題主要是分享在學習Confluence之學習過程中,曾經遇過的實際問題及其處理方式,當然有些問題目前可能不是最適宜的方法,而也因為我對程式領域及邏輯不是擅長,主要描述如何透過替代方式來達到同樣的效果,文中將分享從server的建置、軟體版本的升級、與國外原廠之協同合作經驗與搭配少量的程式開發來分享所學

這些文章應該是我比較喜歡的幾篇

看起來比例上還是前端居多,後端比較少
不過還是鼓勵可以更多人出來分享自己的學習或是經驗分享
畢竟自己寫文,成長最多的還是自己呢


上一篇
DevOps:「開發團隊與運營團隊之間更具協作性、更高效的關係」
下一篇
Security is no end.
系列文
第九屆鐵人賽主題小幫手33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
小魚
iT邦大師 1 級 ‧ 2017-12-12 20:05:48

恩恩,
我是以後端為主的,
前端還要繼續加油啊~
/images/emoticon/emoticon33.gif

我要留言

立即登入留言