Front-End 101

-
因緣際會下決定重新學習網頁前端設計。

打算學習的方向是 HTML5 、CSS 3、Bootstrap、Javascript、React、React Navtive，重點是要熟悉 JS。

現在的網頁和八年前剛畢業所學的已經完全是另一個生態系了。
也只好從頭來過。好險很多概念基本上不變的。


目前打算首先從這篇開始

清大資工系教授的
Modern Web and App Programming
https://nthu-datalab.github.io/webapp/index.html
免費


接著是

Udemy - The Complete JavaScript Course: Build a Real-World Project
NTD $300

Udemy - JavaScript 全攻略：克服 JS 的奇怪部分
NTD $300


之後會在這裡將學習時間做個記錄。
https://time.graphics/line/d4720b9777f9dbb4bdbd1981f7c4fdd9


Comments

Post a Comment

Popular posts from this blog

VS Code x GitLab 首次註冊使用教學 如何從 VSCODE 上傳到 gitLab

-
第一次使用 VSCode @@ 總之一定要來搭配 Git 於 GitLab 上使用 先於 GitLab 上新增 New Project 新增完後，GitLab 會提醒需要 ssh 連線才能 push & pull https://gitlab.com/help/ssh/README (Teach how to generate a new key or locating a existing key) 下載 puttygen，產生一組 public & private key 在 GitLab 上傳 public key https://gitlab.com/profile/keys 接下來就回到 VS Code，按 Ctrl + ` ，把 Integrated Terminal 打開 輸入 public key 的檔案 cat ~/.ssh/id_rsa.pub 進入到要 git 的資料夾 cd newFolder 輸入一些 git 指令 // 設定 git 資訊 git config --global user.name "Your Name" git config --global user.email "Your Email" // 初始化 a new repository git init // 把 gitLab 上的同步過來 // 這邊會要求輸入 gitLab 的帳號密碼，就是登入時用的 git remote add origin git@gitlab.com:YOURNAME/YOURNAME.git // 把該資料檔案全部加入 git staging area (要同步的檔案) 準備 commit git add . //git add -A 也可 // 新增一個 commit git commit -m "版本備註" // 上傳到 gitLab // master 是主線的意思 git push -u origin master 回到 gitLab 查看一下東西有沒有上傳，這時應該 VSCODE 也會有對應的 git 狀態了
Read more

在SugarCRM環境中 install 安裝 KnowledgeTree

-
原本SugarCRM的打包版就已經安裝好Apache、PHP、MySQL了，使用iNETDocs必須要再安裝KnowledgeTree，但KnowledgeTree的Sources版安裝方式實在是非常的不友善。 引述KnowledgeTree Wiki裡的 KnowledgeTree 3.5.* - Performing a Source Only Install 引述 KnowledgeTree 知識管理平台 - Boaz-momo's Weblog 先至 SourceForge Download 最新版本的 KnowledgeTree Source版，我抓到的版本是3.5.4a，在SourceForge裡的KnowledgeTree不是正式版也不是試用版，是完全免費的Community版本。 解壓縮到SugarCRM內的htdocs資料夾下，我的路徑為C:\Program Files\sugarcrm\htdocs\kt 先按照官方wiki說的run一次setup看看。 http://localhost/kt/setup/ 結果跳出 500 Internal Server Error 的訊息。 根據apache裡的error.log找到的結果如下 [Fri Jan 09 16:56:45 2009] [alert] [client 127.0.0.1] C:/Program Files/sugarcrm/htdocs/kt/.htaccess: Invalid command 'ExpiresActive' , perhaps mis-spelled or defined by a module not included in the server configuration 所以去KnowledgeTree的目錄裡找到.htaccess檔，將 ExpiresActive 屬性註解掉，包括下列一排的 ExpiresByType 也一併註解掉。 再run一次setup看看。 http://localhost/kt/setup/ 我的狀況是，跳到 404 Not Found 。 此時要去knowledgeTree裡找到config資料夾內的config.ini，我的路徑是C:\Program Files\sugarcrm\htdocs\k
Read more

Sitemap v.s. Webmaster Tools

-
Image
讓搜尋引擎找到網頁是非常重要的一件事，有些bot怎麼看都覺得軟趴趴挖不到訊息，主動一點送出訊息給他們吧！ Google Webmaster Tools 包括網站狀態精靈與webmaste tools等等。 老字號這個不用講，不過我覺得它遞交的速度有點慢？ 也許是為了要自動產生網站連結（下圖）也不一定？ 但它功能絕對是最齊全的，舉凡robots.txt、404處理、關鍵字流量分析與地區結合等等各種工具都有。只能說「果然是Google」阿！ Yahoo奇摩站長工具 裡的搜尋分析管理 關於Yahoo奇摩站長工具在 Funp推推王 裡有一些負評，指出Yahoo奇摩藉此工具免費使用之名，行關鍵字廣告行銷之實，有興趣的話，可以到 絕不能用的Yahoo! 奇摩站長工具：浩宇的異想世界 延伸閱讀。 以下節錄一小段 很多客戶透過努力經營很久，排行相當好的關鍵字，開始掉到第三頁以後，很多靠搜尋流量經營網站的站長，都發現了這個問題。隔天，幾個客戶與朋友不約而同的以申請站長工具的Yahoo信箱收到Yahoo關鍵字行銷廣告商的廣告信，宣傳購買Yahoo奇摩關鍵字行銷廣告。 不過我還是有使用該工具送出Sitemap，但在Sitemap送出之前，我就已經發現yahoo bot的爬文速度是最有效率的（幾乎爬完整個網站了），送出Sitemap只是為了要刪掉已不存在的網頁搜尋結果。 順便提一下這個工具有一點很有意思，能夠刪去動態網頁後方的變數值，也許對於某些站長來說非常有用。 Live - Webmaster Center (MSN) 這個是最新的工具，MSN搜尋一直號稱是第三大，但是我真的非常的懷疑+好奇，所以也來這裡遞交sitemap了，但送出兩個星期，目前感覺像是丟到大海裡了。
Read more