現(xiàn)在少兒編程主要學(xué)的是Scratch,它是由美國(guó)麻省理工學(xué)院設(shè)計(jì)開發(fā)的圖形化語(yǔ)言。Scratch的代碼輸入以鼠標(biāo)拖動(dòng)模塊化的積木為主,減少鍵盤的使用,大部分的孩子都會(huì)喜歡。同時(shí),Scratch編程語(yǔ)言也是哈佛大學(xué)推薦選修的少兒編程語(yǔ)言。
10年積累的網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有沁水免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
對(duì)于我們要面向的對(duì)象(8-12歲的少兒)來(lái)說(shuō),Scratch跳過(guò)了高級(jí)語(yǔ)言中那些繁難的概念和語(yǔ)法,用圖形化的表現(xiàn)和拖拽的交互來(lái)完成編程的核心邏輯和成果交付,既能解決學(xué)習(xí)曲線過(guò)于陡峭的問(wèn)題,還能讓學(xué)習(xí)的過(guò)程不枯燥,并更及時(shí)地獲得結(jié)果反饋,非常適合他們這個(gè)年齡階段的心智水平和認(rèn)知能力。
因此,在編程教育中,往往最早在“前運(yùn)算階段”的后期,也就是6-7歲左右,并不會(huì)讓兒童直接接觸到邏輯和關(guān)系推理的概念。而是通過(guò)序列(Sequence)來(lái)讓兒童理解基本的因果關(guān)系。
同時(shí),由于“具體運(yùn)算階段”的兒童的思維只能映射到具體的事物上,所以高級(jí)編程語(yǔ)言中的抽象邏輯、語(yǔ)言和教學(xué)方法是很難為這個(gè)階段的兒童所接受。Scratch就很好地解決了這個(gè)問(wèn)題。通過(guò)可視化的“積木”形式,兒童可以很輕松的編寫自己的游戲或者動(dòng)畫書。在Scratch中,兒童很容易把具象的結(jié)果和程序所對(duì)應(yīng)起來(lái),這樣就很好的避免了高級(jí)編程語(yǔ)言如C、C++等低反饋的學(xué)習(xí)流程。
所以針對(duì)7-11歲的兒童,Scratch的可視化語(yǔ)言可以很好的幫助學(xué)生學(xué)習(xí)基本的邏輯、關(guān)系推理、數(shù)學(xué)的概念,同時(shí)避免過(guò)早的接觸到“形式運(yùn)算階段”之后才能理解的抽象的演繹推理。
AngularJS 與 jQuery 等傳統(tǒng)操作 DOM 的思想有所不同,
對(duì)于 jQuery 等,一般是先有完整 DOM 然后在這些 DOM 的基礎(chǔ)上進(jìn)行二次調(diào)教。
而 AngularJS 等框架則是 根據(jù) 數(shù)據(jù)模型 以及其對(duì)應(yīng)的 DOM 模版,然后通過(guò)模版像搭積木那樣組合頁(yè)面。
顯然的,前者在 SEO 上有天然優(yōu)勢(shì);而后者,搜索引擎還只能拿到某個(gè)模版,而無(wú)內(nèi)容。
暫時(shí)沒(méi)想到有什么特別好的解決方案,或許,對(duì)于內(nèi)容頁(yè),可以繼續(xù)使用傳統(tǒng)方式,而只在需要更多交互的地方應(yīng)用 AngularJS,特別是在移動(dòng)端應(yīng)用上。
同理適用于各種 前端的 MVC 框架,后端只要為前端提供數(shù)據(jù)接口,而不再需要為其拼接 HTML.
## 模塊化
AngularJS 也是遵循 AMD 的。(AMD 是啥,參考:使用 AMD、CommonJS 及 ES Harmony 編寫模塊化的 JavaScript)
雖然它也可以按照傳統(tǒng)代碼方式來(lái)寫(其首頁(yè)介紹的用法 AngularJS — Superheroic JavaScript MVW Framework),但是,既然都提供了這么一種模塊的方法
1、積木編程
“積木編程”是一種基本的技術(shù),可以讓你通過(guò)拖拽塊或其他視覺(jué)線索來(lái)創(chuàng)建代碼,而不是手動(dòng)編寫基于文本的代碼。有很多程序可以幫助你通過(guò)拖拽編程開始,包括MIT Scratch、Code.org的Code Studio, 以及Google Blocky。
2、Python作為起步編程語(yǔ)
Python對(duì)于初學(xué)者而言是一種簡(jiǎn)單的語(yǔ)言。因?yàn)楹苌購(gòu)?qiáng)調(diào)語(yǔ)法,Python是一種代表簡(jiǎn)單主義思想的語(yǔ)言。閱讀一個(gè)良好的Python程序就感覺(jué)像是在讀英語(yǔ)一樣。它使你能夠?qū)W⒂诮鉀Q問(wèn)題,而不是去搞明白語(yǔ)言本身。
3、JavaScript是非常有用的編程語(yǔ)言之一
JavaScript并不像Python那樣簡(jiǎn)單,但它可以運(yùn)行于每個(gè)平臺(tái):Mac、Windows、iOS和Android等等。每個(gè)多帶帶的Web瀏覽器,甚至是像smartwatch這樣新的設(shè)備都在某些功能上使用JavaScript。
4、JavaScript之后,試試Ruby和Ruby on Rails
Ruby on Rails 是一個(gè)可以使你開發(fā)、部署、維護(hù)web應(yīng)用程序變得簡(jiǎn)單的框架。雖然Ruby和Ruby on Rails有相似的名字,實(shí)際上是很有區(qū)別的。Ruby是一種腳本語(yǔ)言,就像Python,但是Ruby on Rails是一個(gè)Web應(yīng)用程序框架。換句話說(shuō),Ruby是語(yǔ)言,而Ruby on Rails是一個(gè)工具,可以容易使用Ruby語(yǔ)言構(gòu)建網(wǎng)站。
首先明,確怎樣才能學(xué)好wbe前端開發(fā):
現(xiàn)在很多人喜歡自學(xué)web前端開發(fā),但是一個(gè)人的能力畢竟是有限的,所以我自己建了一個(gè)裙,它的前面是4 九 4,中間就是4 〇 6 ,最后就是9 三 4 。歡迎想要學(xué)習(xí)的小伙伴加入我們學(xué)習(xí)哦。如果不是來(lái)學(xué)習(xí)的就不要加了,加了也是浪費(fèi)時(shí)間。
Web前端的學(xué)習(xí)路線
1.第一階段——HTML的學(xué)習(xí)
超文本標(biāo)記語(yǔ)言(HyperText Mark-up Language 簡(jiǎn)稱HTML)是一個(gè)網(wǎng)頁(yè)的骨架,無(wú)論是靜態(tài)網(wǎng)頁(yè)還是動(dòng)態(tài)網(wǎng)頁(yè),最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。因此,我們必須掌握HTML的基本結(jié)構(gòu)和常用標(biāo)記及屬性。
HTML 的學(xué)習(xí)是一個(gè)記憶和理解的過(guò)程,在學(xué)習(xí)過(guò)程中可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。在“設(shè)計(jì)”視圖中看效果,在“代碼”視圖中學(xué)本質(zhì),將各種視圖的優(yōu)勢(shì)發(fā)揮到極致,這種對(duì)照學(xué)習(xí)的方法彌補(bǔ)了單純識(shí)記HTML標(biāo)簽和屬性的枯燥乏味,想必對(duì)各位初學(xué)的小盆友們來(lái)說(shuō)必定是極好的!
在學(xué)習(xí)了HTML之后,我們只是掌握了各種“原材料”的制作方法,要想蓋一幢樓房就還需要把這些“原材料”按照我們?cè)O(shè)計(jì)的方案組合布局在一起并進(jìn)行一些樣式的美化。
2.第二個(gè)階段——CSS的學(xué)習(xí)
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言其樣式是可以復(fù)用的,這樣就極大地提高了我們開發(fā)的速度,降低了維護(hù)的成本。
同時(shí)CSS中的盒子模型、相對(duì)布局、絕對(duì)布局等能夠?qū)崿F(xiàn)對(duì)網(wǎng)頁(yè)中各對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制。通過(guò)此階段的學(xué)習(xí),我們就可以順利完成“一幢樓房”的建設(shè)。
“樓房”建設(shè)完成之后,我們可以交給用戶使用,但是如果想讓用戶獲得更佳的體驗(yàn),我們還可以對(duì)“樓房”進(jìn)行更深一步的“裝修”,讓它看起來(lái)更“豪華”一些。
3.第三個(gè)階段——Java的學(xué)習(xí)
Java是一種在客戶端廣泛使用的腳步語(yǔ)言,在Java當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對(duì)象和DOM操作,借助這些內(nèi)容我們可以來(lái)實(shí)現(xiàn)一些客戶端的特效、驗(yàn)證、交互等,使我們的頁(yè)面看起來(lái)不那么呆板,屌絲瞬間逆襲高富帥!有么有?
此時(shí),也許你還沉浸在Java給你帶來(lái)的驚喜之中,但你的項(xiàng)目經(jīng)理卻突然對(duì)你大吼道
“這個(gè)效果在××瀏覽器下不兼容,重新搞……”
“不兼容?”瞬間石化了有木有?
“我擦,坑爹啊!那可是花了我一個(gè)晚上寫了幾百行代碼搞定的啊,吐血了都!”
Java的兼容性和復(fù)雜性有時(shí)候的確讓我們頭疼,還好有“大神”幫我們做了封裝。
5.第四個(gè)階段——jQUery的學(xué)習(xí)
jQuery 是一個(gè)免費(fèi)、開源的輕量級(jí)的Java庫(kù),并且兼容各種瀏覽器(jQuery2.0及后續(xù)版本放棄了對(duì)IE6/7/8瀏覽器的支持),同時(shí)現(xiàn)在有很多基于jQuery的插件可供選擇,這樣在我們實(shí)現(xiàn)一些豐富的動(dòng)態(tài)效果時(shí)更方便快捷,大大節(jié)省了我們開發(fā)的時(shí)間,提高了開發(fā)速度,這也充分體現(xiàn)了其 write less,do more的核心宗旨。這個(gè)Feel倍兒爽!有么有?
“豪華大樓”至此拔地而起,但是每天這樣日復(fù)一日,年復(fù)一年的蓋樓,好繁瑣!能不能將大樓里面每一個(gè)單獨(dú)部件模塊化,當(dāng)需要蓋樓時(shí)就像堆積木一樣組合在一起,這樣豈不是爽歪歪?可以實(shí)現(xiàn)嗎?答案是肯定的。
這種思想在Web前端開發(fā)中也是適合的,于是乎就出現(xiàn)了各種前端框架,在這里推薦給大家的是Bootstrap。
Bootstrap是Twitter推出的一個(gè)開源的用于前端開發(fā)的工具包,是一個(gè)CSS/HTML框架,并且支持響應(yīng)式布局。一經(jīng)推出后頗受歡迎,一直是GitHub上的熱門開源項(xiàng)目。
在項(xiàng)目開發(fā)過(guò)程中,我們可以借助Bootstrap提供的CSS樣式、組件、Java插件等快速的完成頁(yè)面布局和樣式設(shè)置,然后再有針對(duì)性的微調(diào)樣式,這樣基于框架進(jìn)行開發(fā)大大縮短了開發(fā)周期。站在巨人的肩膀上就是爽!
Web前端的學(xué)習(xí)建議
最后給大家聊聊在學(xué)習(xí)Web前端中的一些建議和方法。
在CSS布局時(shí)需要注意的一個(gè)問(wèn)題是很多同學(xué)缺乏對(duì)頁(yè)面布局進(jìn)行整體分析,不能夠從宏觀上對(duì)頁(yè)面中盒子間的嵌套關(guān)系進(jìn)行把握,就急于動(dòng)手去做,導(dǎo)致頁(yè)面中各元素間的關(guān)系很混亂,容易出現(xiàn)盒子在浮動(dòng)時(shí)錯(cuò)位等情況。建議大家在布局時(shí)采用“自頂向下,逐步細(xì)化”的思想,先用幾個(gè)盒子將頁(yè)面從整體上劃分,然后逐步在盒子中繼續(xù)嵌套盒子。
“君子生非異也,善假于物也”,在學(xué)習(xí)的過(guò)程中還要多瀏覽一些優(yōu)秀的網(wǎng)站,善于分析借鑒其設(shè)計(jì)思路和布局方法,見(jiàn)多方能識(shí)廣,進(jìn)而才可以融會(huì)貫通,取他人之長(zhǎng)為我所用。
同時(shí)還要善于使用Firebug這個(gè)利器。Firebug一方面可以在我們學(xué)習(xí)過(guò)程中幫助我們調(diào)試自己的頁(yè)面,另一方面我們可以使用Firebug方便地查看、分析別人網(wǎng)站的源代碼,“偷”也是一種技能!
每個(gè)人的成長(zhǎng)與基礎(chǔ)不一樣,結(jié)合自己的實(shí)際情況,在執(zhí)行。還是重復(fù)一下,前端的核心是js。css不難,但需要來(lái)積累。對(duì)前端我是這么看的:
css就像一瓶酒,得品。
html,css總共就那些標(biāo)簽跟選擇器屬性什么的,但是要寫一個(gè)有擴(kuò)展性,健壯性或維護(hù)性的頁(yè)面不容易?,F(xiàn)在寫頁(yè)面基本條件反射,不是如何快速的完成,而是思考如果有界面需求修改,怎么在修改代碼最少的情況下快速完成需求任務(wù)。這是對(duì)前端耐力,體力,智力的三重考驗(yàn)。
js就像一把劍,得磨。
js剛開始只是為了較驗(yàn),隨便技術(shù)社會(huì)的發(fā)展,承擔(dān)的角色越來(lái)越重,剛開始玩玩jQuery感覺(jué)已經(jīng)會(huì)js了,其實(shí)只是冰山一角。隨著對(duì)js的了解越來(lái)越多,他即變態(tài)又可愛(ài),即好玩又難控,即有很多兼容問(wèn)題,但解決兼容是我們基本生存之道。從ajax到j(luò)smvc一路走一路看,高載潮一浪高過(guò)一浪
人生就是一場(chǎng)夢(mèng),得作。
技術(shù)只是生活的一部分,曾經(jīng)雄心斗志,如今低頭寫碼。改變能改變的,接受不能改變的。人生有限,兄爭(zhēng)朝夕啊。人生學(xué)習(xí)的態(tài)度是:不急不躁,不快不慢。持之以恒,相信自己。不求能改變世界,但求能改變自己的生活。不求健步如飛,但求一步一腳印。感謝磨難,他使我們內(nèi)心更為堅(jiān)強(qiáng)。感謝挫折,他使我們不斷的成長(zhǎng),感謝bug,他使我們的思維更加深邃。感謝前端,他使我們更加的相信,撐起一片天空需要十八般武藝。