Sanwich's Blog
0%

發表於

Node.js

  • A runtime environment for JavaScript
  • Single thread -> good for i/o intensive, bad for cpu-intensive apps

Express

  • Callback hell
    1. Keep your code shallow
    2. Modularize
    3. Handle every single error
  • Route handler
  • Use third-party middleware in order to simplify common web development tasks like working with cookies, sessions, user authentication, accessing request POST and JSON data, logging, etc.
  • Serving static files
  • Rendering data (views)

心得

閱讀全文 »

發表於 更新於

MDN

今天只有隨意瀏覽了剩下的MODULE，基礎的大致已結束，剩下的就是更深入的部分了，好奇為什麼MDN只有提供前端，而沒有提供後端的roadmap，是因為後端其實跟網頁也不是那麼直接的相關嗎?

心得

在瀏覽MDN後，查看信箱發現收到了AppWorks School的面試通知，之後的時間在看面試相關的心得，但最主要的還是動機。
我想我很可能因為兵役問題以及動機被刷掉，但無論如何我都會繼續自學。
明天再補足一些擬答以後想先學習node.js，希望能體驗到後端究竟是在做什麼事情，在面試的時候也比較有話聊，因為若照backend roadmap先學習OS等知識又得先花費許多時間。
過去一周以來每天讀的時間大概只有四個多小時，遠遠不足於醒著的時間，也不符合眼睛痠的程度，得至少拉到八小時以為長期抗戰做準備，希望不會先瞎了。

發表於

MDN - Server-side first steps

client side 注重的是排版、反應靈敏等用戶體驗，而 server side 負責提供資訊，可以透過 dynamic site 以及用戶留下的資訊如 cookie 為用戶客製化內容(如推薦商品、音樂)

發表於

MDN - CSS first steps + JavaScript first steps

  • When two selectors conflict, cascade and specificity take care of it (e.g. specificity: class>element).
  • Use const when you can, and use let when you have to.

心得

看是看過了，但也沒有什麼心得，除了知道現在沒有人在用var了以外，大概就是在做JavaScript小練習的時候發現自己變數實在是命名的非常爛，要更明確才行
這裡的內容與先前讀的Intro to JavaScript比起來少了許多，例如hoisting、scope、object等等概念都沒有什麼學到(畢竟是first steps，後面還有超多module)，但卻有比較實際的感覺，也許是因為有比較多的小練習

明天繼續看一下其他的module，框架似乎是比較進階的東西，若覺得基礎稍微摸過了就可以繼續回到roadmap了，之後再更深入JavaScript

閱讀全文 »

發表於

MDN - Introduction to HTML

  • Include metadata in head: charset, links to CSS, author, etc.
  • Semantics is important! Use appropriate elements (for accessbility, SEO, etc.)
  • Structure: header, main, article, section, nav, aside, footer, etc.

心得

明天繼續讀CSS基礎，篇幅滿少的，希望可以連JavaScript first steps一起完成

發表於

MDN

今天學了 Getting started with the web module，也就是快速學過 HTML、CSS、JavaScript 的基礎，結合出一個網頁
雖然內容沒什麼邏輯，但終於用到了JavaScript

沒有意外接下來會先繼續按照Where to start 來學習，順序為

  1. Introduction to HTML
  2. CSS first steps
  3. JavaScript first steps
  4. Server-side first steps
  5. …剩下的就先不寫了

心得

閱讀全文 »

發表於

w3chool

用w3school學HTML學了10幾個單元(10幾種element)，篇幅短而且可以互動，是我喜歡的風格，但是繼續把所有的element學完似乎不是一個好方法
雖然叫做tutorial，但我覺得這裡反而更像是文件，需要用到的時候可以來這查資料
w3school html

MDN - Learn web development

由於昨天用這網站看一些基本概念的時候體驗滿好的，再加上看到reddit各種吹捧

閱讀全文 »

發表於 更新於

Day6~Day21去哪裡了?

  • 報名AppWorks School
  • 決定好要學哪些技能
  • 結果後來還是打算按照Backend roadmap學
  • 從休學到今天已經兩個月了，時間過得好快==

Day22

  • 到目前只看了第一個node(Internet)，也只是快速掃過，但我想繼續看下去，也許要用到的時候再回來看(?)，這樣會不會全部忘光又要重看呢
  • 先不設進度，按照node一步一步學
  • 每個node都有許多連結可以學，我目前是偏好文章，因為影片感覺看過就忘記了
  • 今天也太晚睡了==

發表於 更新於

今天學了flexbox以及css grid，但都是看看影片淺嘗則止
真的要實作應該還是有很大的障礙
轉眼間一周要結束了！明天大概沒什麼時間碰
直到剛剛看到這篇文章才赫然發現自己在學的好像是前端的東西==

當初也是看到課名以及內容豐富就買下去了，忘記考慮內容合不合適
不過當初我也有想說兩個都學再看要如何就是了
看到目前為止我比較想做的其實是後端工程師
因為我對目前學到的排版興趣不大，而且也沒有後端難民的說法(?)
但總是要學習基礎的前端知識
也是可以先上完這堂課程，但我得想一下要不要再花那麼多時間學習前端的知識

發表於 更新於

今天學了html以及css

html

html負責網頁的內容，內容透過不同的tag夾起來成為不同的element
例如:

  • <h1>~<h6>: 由大至小的標題，h1>h2>…
  • <p>: 負責段落
  • <br>: break；換行
  • <ol>,<ul>,<li>: 有序、無序、list本身

課堂練習:

閱讀全文 »