iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
0
Modern Web

30天前端網頁技術超入門介紹系列 第 1

Day1. 前端寫作的旅程從這裡開始

  • 分享至 

  • xImage
  •  

人生第一次參賽,在此之前只是個平凡的學生,平凡的上學,也不曾對任何賽事感興趣,所以是真正程度上的第一次。接下來就讓我好好的來體驗下吧~

系列主題

本系列針對一些常見的前端技術去做基礎的介紹,在這30天中大家就盡量學習 JavaScriptSCSS

為甚麼選擇 SCSS? 不是應該從 CSS 開始講嗎?

這系列是預設大家都會 HTML 與 CSS 了,所以才從 SCSS 開始。以目前的環境來說 SCSS 在開發上也是相當重要的,

在撰寫上以某種方面來說,會 CSS 就等同於會 SCSS,所以筆者會先著重在於 SCSS 的特點上。

JavaScript 坑也太多了吧? 前端沒有其他程式語言可以替代嗎?

ㄟ...雖然我吃過 JavaScript 虧很多,但是近年來他已經逐漸強大,資料庫越來越豐富。
這點也讓筆者回不去使用 jQuery 了XD

其他程式語言的話其實我不知道有沒有= =
但是 JavaScript 的技術文章在網路上可以找到一大片海量資訊。
在這個年代,大家總是早你一步踩到雷,並早你一步到網路上發問,所以不用擔心找不到你想要找的東西(茶~

再說學習程式就是從看文章起,在 debug 的同時就是順便學習閱讀文章,不然說實在,剛開始接觸 JavaScript 的第一年我真的不敢說自己愛 JavaScript,有時真希望橫空出世一個超強又超方便的程式語言直接取代掉,這樣我就不用學了 嘻嘻~

上面廢話有點多... 以下是這30天會分享的技術文章,清單名字只是個大綱不是正式決定的標題。
應該不會跳票吧(逃~

預計清單

  1. 簡單介紹要做甚麼
  2. SCSS 簡單介紹
  3. SCSS 簡單變數教學
  4. SCSS Mixin
  5. SCSS 設計 Smacss
  6. SCSS 設計 OOCSS
  7. SCSS 設計 BEM
  8. SCSS 命名
  9. JS 基礎常識介紹 變數
  10. JS 基礎常識介紹 函式
  11. JS 基礎常識介紹 陣列
  12. JS 基礎常識介紹 物件
  13. JS 基礎常識介紹 控制判斷
  14. JS 基礎常識介紹 迴圈
  15. JS 常用函式介紹
  16. JS 函式基礎應用 日期
  17. JS 函式基礎應用 不重複資料 刪除不需要的元素 是否有符合的字串
  18. 一級函式、高階函式
  19. BOM
  20. JS 執行環境與堆疊
  21. JS 提升
  22. JS 型別
  23. JS 事件機制
  24. AJAX 介紹
  25. 同步 非同步
  26. ES6 let const
  27. ES6 展開
  28. ES6 解構賦值
  29. ES6 字串模板
  30. 地圖應用

下一篇
Day2. SCSS 簡單介紹
系列文
30天前端網頁技術超入門介紹30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言