CSS初學者轉學JS的時候要注意哪些問題?

很多人在學CSS的時候會比較輕鬆一些,再學JS的時候就會遇到一些問題。

有哪些問題是需要注意的?


沒有什麼注意的,做好從頭來學的準備就行。CSS 不能算編程語言,JS 是編程語言,兩者基本沒什麼相同的地方。


別把CSS放下,WEB開發是HTML/CSS/JS的配合;早一點熟悉Chrome devtools把CSS和JS聯繫起來練習。


個人覺得兩者之間沒什麼關聯,從頭學起就好


學過C語言嗎?很好,拿出當年學C語言的熱情學習js


首先這是一個軟文,然而也是一篇乾貨。這兩天剛好有IT修真院的弟子從CSS轉JS,都遇到了一些問題。

我想了想,既然他們會遇到,那麼大概其他的人也會遇到同樣的問題,所以寫出來也給大家看一下。

一般來講,一個月CSS入門,成為一個初級的CSS工程師是沒有太大問題的。不過要注意,這裡初級的概念,是指的是能獨立完成項目的真正的初級工程師,薪水在4~8K之間的。

修真院的要求比較嚴格,一個月之內是要學會響應式,自適應,Bootstrap和Less的。

從修真院過往30多弟子的實際經驗中,完成率差不多在90%左右,再晚點,一個半月左右也能搞得定。

但是從CSS轉到JS,差別就非常大了,主要在這幾個地方。

1.做CSS的時候,並不要求有編程基礎,所以上手會比較快,零基礎就可以。

做JS的時候,必須要有一些語法基礎,而在修真院里, 因為修真院是以實踐為主,所以基本上都是忽略不講語法基礎的,這點需要在從CSS轉JS的時候,自行解決。

修真院只會告訴你說,語法只是基礎,並不在重要,懂一些簡單的變數,函數,For循環,會打個日誌,就夠了。可是即便如此,也需要花點時間去整理一下。

不過,幸好在修真院的論壇,有熱心的弟子已經收集了一些資料,可以參考一下。

另外,W3C真的是比較合適的入門教程。

2.做CSS的時候,對於代碼規範並沒有太多講究,注意命名,注意公用就行了。

做JS的時候,必須對代碼規範有講究,要懂抽象和封裝,要注意避免重複發明輪子。

這其實是一種編程思想的萌牙,寫代碼要從一開始就有一個好習慣,懂得寫出有「擴展性,可維護性,易復用」的代碼。

這在CSS的時候還不算特別明顯,但是在寫JS的時候,差別就特別大了。因為在某種程度 上,解決一個問題的方案有太多種辦法了,然而一個 靠譜的工程師(特別是對修真院來來講),代碼質量的好壞是非常重要的,他決定了你以後能走多快。

3.做CSS的時候,並不要求懂太多業務邏輯,也不需要跟其他人有太多溝通,只需要跟UI溝通好,如果有後端套頁面,跟後端溝通好就行了。

做JS的時候,必須要懂業務邏輯,同樣的,一個功能的設計實現都有很多種方式,這也要求了一個JS工程師,必須跟產品,跟後端,跟UI,跟QA,或者是OP都需要有良好的溝通,JS的工程師才是一個真正融入到整個Team里的工程師。

如果不懂業務,不清楚自己想要什麼,融入到一個真正的項目,還是會比較難。

4.做CSS的時候,要學的東西比較少,可選擇的路線並不太多。

做JS的時候,要學的東西比CSS多太多了,很容易迷失。

對於修真院的弟子來說,推薦的JS路線就是:JQuery,AngularJS,RequireJS,GrantJS,ReactJS,NodeJS。

並不推薦上手去學其他的東西。

5.做CSS的時候,並不需要跟後端做太多的聯調,基本上是獨立作戰。

做JS的時候,需要不停的跟後端有交互,需要定義介面,需要安排好項目調試時間。

很多時候,做前端的需要跟後端的一起來快速判斷問題出現的地方,這是CSS工程師很少遇到的。

所以關於聯調這部分,也是CSS工程師有所欠缺的,而且,在真正的項目中,這往往是需要花費很長時間去學習的。

嗯。以上就是給我大修真院弟子晉階的讀物。

修真院QQ群:185354188

IT修真院在線上開設免費課程,在這裡有和你一樣起點,一樣經歷的人在修真院修行,從菜鳥變大神,升級打怪做任務,寫代碼而不是看代碼或視頻,結識更多的靠譜小夥伴。

http://www.jnshu.com 技能樹|IT修真院。


管你是不是CSS初學者,還是別的,只要你沒學過編程,就乖乖的從頭學起,從基本學啊,這還用說的。

如果你已經掌握一兩門編程語言,學JS的關鍵是要了解JS基本上是函數式語言,看看這些文章吧:http://www.cnblogs.com/tolg/p/4672069.html


做好重頭再來的準備……這句話說得太對了 @於江水


完全不同的語言。也沒什麼好主意的,不過不是轉學,CSS和JS都別放下。


推薦閱讀:

怎麼解決彈性盒子模型div塊因為文字大小而被撐開?
html什麼時候才能像iOS那樣拖控制項?
img的src如果載入失敗,在chrome會有一個邊框?
css中寫auto和不寫的auto,區別在哪裡?

TAG:HTML | CSS | JavaScript | CSS3 | IT培訓 |