看github上有18萬star的第一開源項目如何教你學前端編程的

做爲 Github | star 第一開源項目，已經超過18萬 star；比以前最火的bootstrap的10萬star還要多出8w，freeCodeCamp 愈來愈受關注，建站兩年時間不到已經近40＋萬用戶。這樣一個項目是作什麼的呢？你給幾分？

對於不少程序員來講，他們必須不斷的去編程教學網站學習，不斷的充電，才能開發出符合市場的產品。對於不少想學編程的菜鳥來講，學編程簡直像無頭蒼蠅亂撞，去各大編程教學網站學習，可是感受無從下手，更不要說系統的學習編程技術。爲了解決這個問題，W3Cschool引進國外開源編程學習項目freeCodeCamp，並作了中文翻譯， 這是一套開源編程闖關學習系統。

若是你對codecamp開不了解，不要緊，先看看用戶體驗。相信看了這些用戶的推薦，你就明白codecamp是怎樣的。

用戶一：以前學習編程,總以爲本身像汪洋大海里的一片孤舟,學習的過程當中沒有目的和方向。codecamp給了我明確的目標,每作一題都離終點更近,學習的過程快樂而有趣,祝本身早日完成學習。

用戶二：在FCC學習了一段時間,我重燃了年輕時的那顆心。那種打遊戲衝關的感受,碰上了,就停不下來。在這裏,咱們一塊兒打「副本」,一塊兒打boss 不一樣領域的碼農都能發揮出本身最擅長的一面。

用戶三：我以 web 開發零基礎開始學習Code Camp，6 個月後，做爲後端工程師，我獲得了個人第一份工做。

用戶四：在花了大量的時間嘗試不一樣的編程教學網站後我才發現，CodeCamp 從一開始就是那麼地不同凡響。他們爲不一樣水平的每一個人都提供了最好、最多的用於學習編程並建立神奇的、適銷的做品集的條理清晰的途徑。

用戶五：我喜歡邊學邊實踐，雖然書本內容很是豐富，倒是讀得多實踐少。後來與Code Camp 不期而遇，它讓我邊學邊動手實踐。與以前的拼命學習相反，我如今不僅學習，並且一邊學習一邊開發一些很酷的項目。

用戶六：Code Camp 提供告終構化的學習體驗，相比其餘免費學習網站，它更接近於真實的課堂。我最近受僱升級並維護當地醫生辦公室的網站，有額外收入和經歷的感受真是美妙。

用戶七：Code Camp 提供的很是棒的、以目標爲導向的課程正是我所須要的，而且最棒的是———— 100% 免費!

用戶八：好久以來，我一直在找一個能讓我持續感興趣的學習編程的地方。我試過幾個 Codecademy 和相似的地方，但事實證實沒有一個能像Code Camp 同樣吸引人。

用戶九：Code Camp 讓我更愜意於代碼的某些方面，而且更多地以動手實踐的方式幫助我複習和理解了概念性的內容。有的人經過理論學習來掌握知識，可是對我而言，只有親自動手去作，我才能理解那些內容!

看了這麼多，相信你對codecamp這款開源軟件有所瞭解了吧，下面W3Cschool就爲你詳細的介紹一下這款零基礎自學軟件。

1.學習界面，你會看到這樣的一個三欄模塊

這個版塊很好了解，很清晰，也很簡潔直觀。左邊是課程區、中間是編程實操區、右邊是運行效果顯示區。左邊給你講實際操做方法，中間讓你按照左邊的方法來實踐，右邊顯示你編寫的程序效果。這樣學習、訓練、看效果的一步步學習的模式，同時達到學習和實戰的效果。若是你的代碼編寫錯誤，那麼你點下一步，系統將不會讓你經過。直到你編寫對了，才能夠進入下一步。

示例：像玩遊戲同樣的闖關，一關一關闖過，好比學習Bootstrap網頁佈局開發

當你一關一關的闖過了，到最後，你寫的代碼所有都會累積起來，一個網頁就造成了，你也就完成了一個課程。若是你要想繼續學習其餘課程，能夠自由跳躍。咱們推薦按照順序來闖關，可是你也能夠找本身感興趣的教程來自由跳躍。

2.可選課程相關，主要是前端和算法相關課程

編程入門教程實戰訓練的課程大綱主要包括前端開發、數據可視化、後端開發、非盈利項目、面試攻略五部分。

已經翻譯開放的編程闖關課程主要包括Html/CSS編程闖關、Javascript編程闖關、Bootstrap編程闖關、Jquery編程闖關四部分，另外還包括初級算法，中級算法，高級算法等算法學習篇章，具體能夠查看http://www.w3cschool.cn/codecamp/list 。

3.學習路線，囊括入門學習方方面面

若是你是編程小白，零基礎的學習編程，那麼你能夠點擊開始闖關，進入HTML&CSS學習界面,從最基礎的課程開始學習；

若是你有編程基礎，或者在某一個領域比較擅長，想學習其餘知識，那麼你能夠打開課程列表，點擊你感興趣的部分，進入學習界面。

看了上面的介紹，不知道你對Code Camp有沒有更加深刻的瞭解。不太瞭解也不要緊，打開http://www.w3cschool.cn/codecamp進去看看就知道。這是一款徹底免費的編程入門/提高教程實戰訓練，像打遊戲衝關同樣的學習編程，快來挑戰吧!