iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
Modern Web

後轉前要多久系列 第 1

【後轉前要多久】# Day01 前言 - 個人碎碎念

常聽人說前端轉後端,
鮮聞人講後端轉前端。

為什麼會想轉前端?

好奇心使然、以及很少人做這件事情,
加上想自己動手做些酷東西。

早從前些日子開始,就很想試試一個人開發線上版桌遊,
遊戲架構、玩法也有了雛形,
可惜就欠缺網頁技術(和足夠的企圖心去實踐)了。

為了這個小小的夢想,我 不知好歹 勇敢的踏入了前端領域。
因為自己體會過,所以知道光靠一些熱情,是很難驅動人主動去學習一項新技術,
沒能持續進行、沒有對熱忱適時補充燃料,耗費巨大的心力後就容易偷懶、敗給懶惰。
真心覺得 那些能因興趣及熱情,堅持做完一項事情、達成目標的人,都很厲害。

理想跟實作是兩回事,
畢竟用想的、用嘴巴講都很簡單,
但真要做起來卻差了十萬八千里,
中途還會遇到許多沒想過的困難與挫折。

我知道能用雙腳環島。

雖然會花上不少時間,但如果用雙腳環島,總有一天一定能走的到終點。
這項目標聽起來很簡單,而且物理法則上能輕易實踐。
實踐方法知道了,但我做到了嗎?
(不,我沒做到,甚至根本還沒去做,就只是用想的而已)

直到哪天,真正開始用雙腳踏上旅程時,我才能說出『我正在用雙腳環島』。
最終才有機會達到『我做到了用雙腳環島』的目標。

回到正題

所以回到問題上,
**從後端轉前端要多久? **

不知道,我也還正在轉轉轉ing

我只知道很硬
同時也很累

嗯,要學的東西太多了,學不完。

東西多到讓我接連兩星期嚴重睡眠不足,使我想起了一句諺語:
『有睡當思無睡之苦。』

等告一個段落,我再上來跟大家報告需要多長時間。

網頁的歷史包袱

網頁這一塊因為歷久不衰、運用的越來越廣泛,
古老用法與許多革新技術並存的當下,
讓從零開始學起的我,覺得網頁有許許多多的歷史包袱。

例如:IE的兼容性。
不對,應該從瀏覽器百家爭鳴開始,
從HTML(超文本標記語言)開始,瀏覽器這塊大餅上競爭得太激烈、加劇革新的速度,
導致世上沒有統一一種作法、沒有一個固定的解析器,
像素大小、解析度、DPI各不一致,手機出現後出現了手機版、平板,還需要支援不同版型。
HTML encode、URL encode 出現在奇怪的位置讓人無法理解,Markdown也要靠HTML支援,
ES5、ES6 各種用法推陳出新,
還有後來衍伸出的TypeSrcipt,
為了重複使用而出現的SCSS等。

前端弄完還有後端,
後端還有伺服器要設定、網址要分流
天哪...
我只是想寫個網頁讓人能開心上來瀏覽互動
如此微不足道的願望,處理起來居然要這麼麻煩嗎?

回頭看看在網路上已式微的IE、Flash
PHP JQuery 使用人數逐漸下滑
而React Angluar Vue 成了前端三大主流框架
PHP、ASP、JSP、Python、Golang 各類後端
為啥JavaScript名字取這樣卻與Java無關?
為啥JavaScript縮寫跟JSP這麼的像
(Ruby 聽說好用卻還沒接觸...)

有沒有這種可能性,
會不會其實從一開始HTML、CSS的設計就歪了?
如果有一套全新的格式、標記方法或程式語言,
拋棄歷史包袱、不需支援至今的所有網頁,
卻能夠寫出、完美呈現網頁的所有效果和互動,
我們是不是就不用辛苦學這麼多東西了呢?

一想到這就不自覺往其他方面去思考:

會不會從C語言開始就歪了
鍵盤滑鼠為什麼要這樣設計侷限我們的使用
機車為什麼用手驅動、汽車卻是踩腳踏板,初學好痛苦兩者為何不統一
電腦輸出能呈現給人視覺、聽覺,怎麼卻沒有呈現嗅覺味覺及觸覺
腦速快(CPU),手腳慢(I/O)。為什麼不設計個腦波接收器來操作電腦
會不會其實電腦該捨棄二進制而改採3進制或e進制
會不會存在某種高分子蛋白質比矽晶圓更適合做運算
難不成等到量子電腦量產化後現階段的所有東西都將成無用武之地
發射衛星和火箭的小影響積累起來會不會導致地球偏離原本的和諧軌道(三體)
曲線擬和的AI有辦法做到人腦原子光子做到的所有事嗎
生小寶寶增產報國算人工、智慧嗎,這也是人工的吧

本系列文章會提及哪些內容?

  1. HTML
  2. CSS
  3. JavaScript
  4. BootStrap
  5. Angular (ㄜ...希望會有)

(BTW 當我寫這篇文章時我的學習進度才剛觸及4)
不過,也許在學習道路上,
學習第55天的人最適合教初學第50天的人,最清楚卡住的問題是什麼,
但學了500天的人不一定還記得當初的情況。

適合誰閱讀?

  1. 稍微接觸過網頁,很想繼續學卻遲遲沒有深入
  2. 原本是後端(用強型別語言),對前端有興趣者
  3. 對我的文章津津有味當作小說在看的人
  4. 幾個月後失憶的作者

下一篇
【後轉前要多久】# Day02 HTML - 基本觀念複習
系列文
後轉前要多久30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言