鏍囬锛氥€怤ativejavascript椤圭洰銆慗S30-鎬荤粨鏃ユ湡锛?022-03-1221:47:1230nativejavascriptprojects绫诲埆锛?0涓師鐢焜avascript椤圭洰浣滆€咃細漏iaineisalsoyan绠€浠嬶細闈炲吀鍨嬬殑鍓嶇寮€鍙戜汉鍛樸€傞潪鍏稿瀷鐨勫墠绔紑鍙戜汉鍛樸€傚畬鏁存敾鐣ュ湪GitHub锛屽枩娆㈣Star鈾?^鈭嘵*)绁濆ぇ瀹剁帺寰楀紑蹇冿紒鈾?^鈭嘵*)椤圭洰浠嬬粛30澶╂寫鎴樿禌鏄敱WesBos璁捐鐨勪负鏈?0澶╃殑鍘熺敓JS缂栫▼鎸戞垬璧涖€傞」鐩厤璐规彁渚?0涓棰戞暀绋嬶紝30涓寫鎴樼殑鍏ラ棬鏂囨。锛屼互鍙?0涓寫鎴樻柟妗堢殑婧愮爜銆傜洰鐨勬槸甯姪鍒濆鑰呭湪涓嶅€熷姪妗嗘灦銆佸簱銆佺紪璇戝櫒鍜屽弬鑰冭祫鏂欑殑鎯呭喌涓嬬悊瑙ｇ函JavaScript璇█銆傞」鐩唴瀹笵rumkit锛堟灦瀛愰紦妯℃嫙鍣級JSandCSSClock锛堢綉缁滄椂閽燂級CSSVariables锛圕SS鍙橀噺锛堿rrayCardioDay1锛堟暟缁勬搷浣?锛塅lexPanelGallery锛堟煍鎬у浘搴撻潰鏉匡級TypeAhead锛堝紓姝ヨ緭鍑猴級ArrayCardioDay2锛堟暟缁勬搷浣?锛塅unwithHTML5Canvas锛堟湁瓒ｇ殑HTML5鐢诲竷锛塂evToolsDomination锛堬級HoldShiftandCheckCheckboxes锛堣鍒掑垪琛級CustomVideoPlayer锛堣嚜瀹氫箟瑙嗛鎾斁鍣級KeySequenceDetection锛堝瓧绗︿覆搴忓垪褰╄泲妫€娴嬶級SlideinonScroll锛堟粴鍔ㄩ紶鏍囨粴杞粦鍔ㄦ樉绀猴級JavaScriptReferencesVSCopying锛堝紩鐢ㄥ拰澶嶅埗锛塋ocalStorage锛堟湰鍦板瓨鍌級MouseMoveShadow锛堢敤榧犳爣绉诲姩鏂囧瓧闃村奖锛塖ortwithArticles锛堝幓闄ゆ枃绔犳帓鍒楋級AddingupTimeswithReduce锛堝疄鐜皌imeaccumulatorwithReduce锛塛ebcamFun锛堟湁瓒ｇ殑缃戠粶鎽勫儚澶达級SpeechDetection锛堣闊宠瘑鍒級Geolocation锛堝湴鐞嗕綅缃俊鎭幏鍙栵級FollowalongLinkHighlighter锛堥摼鎺ラ珮浜級SpeechSynthesis锛堣闊冲悎鎴愶級ynthesis)StickyNav锛堝浐瀹氬鑸爮锛塃ventCapture,Propagation,BubblingandOnce锛堜簨浠舵崟鑾枫€佷紶鎾€佸啋娉″拰Once鏂规硶锛塖tripeFollowalongNav锛堝鑸爮璺熼殢绉诲姩鏄剧ず鐗规晥锛塁lickandDrag锛堢偣鍑绘嫋鍔?VideoSpeedController锛堣棰戦€熷害鎺у埗璁惧锛塁ountdownTimer锛堝€掕鏃讹級WhackAMole锛堟墦鍦伴紶娓告垙锛塉S30鐢╒UE瀹炵幇鏌ョ湅index-VUE.html鏂囦欢Drumkit锛堟灦瀛愰紦妯℃嫙鍣級JSandCSSClock锛坵eb鏃堕挓锛塁SS鍙橀噺锛圕SS鍙橀噺锛塅lex闈㈡澘Gallery(Flexgallerypanel)TypeAhead(asynchronousoutput)FunwithHTML5Canvas(鏈夎叮鐨凥TML5canvas)HoldShiftandCheckCheckboxes(璁″垝鍒楄〃)CustomVideoPlayer(鑷畾涔夎棰戞挱鏀惧櫒)WhackAMole(鐜╀粨榧犳父鎴?CommunityContent#JavaScript30璇烽殢鎰忔彁浜R锛屾坊鍔犳寚鍚戞偍鑷繁鐨勫洖椤俱€佹寚鍗楁垨璇勮鐨勯摼鎺ワ紒ArjunKhode鐨勫崥瀹㈠叧浜庢瘡澶╃殑鎬荤粨锛屽寘鎷慨澶嶇殑鏁呴殰銆侀敊璇拰棰濆鍔熻兘NitishDayal鐨勬枃鏈寚鍗楅潪甯搁€傚悎閭ｄ簺鍠滄杈圭湅杈圭湅鐨勪汉MeredithUnderell鐨勫揩閫熷涔犺绋婻owanWeismiller鐨勫洖椤?瀛︿範鐨勮绋婽horstenFrommen鍒嗕韩浠栧浣曞湪鏌ョ湅绛旀涔嬪墠瑙ｅ喅缁冧範Soyaine鍐欑殑涓枃鎸囧崡鍖呭惈浜嗚繃绋嬭褰曞拰闅剧偣瑙ｉ噴AyoIsaiah鐨勬€荤粨鍜岀粡楠屾暀璁瑼drianaRios鍒嗕韩浜嗗ス鐨勬浛浠ｈВ鍐虫柟妗圡ichaelEinsohn鍦ㄨ鐪嬭棰戝悗鍙戝竷浜嗘瘡涓寫鎴橈紝涓€鏃ikeEkkelYusefHabib瀛﹀埌浜嗙粡楠屾暀璁拰鎶€宸э紝浠ュ強涓€涓猤h椤甸潰鏉ユ煡鐪嬫墍鏈夎糠浣?椤圭洰銆侫melieYeh30鑺傝鐨勭瑪璁颁互鍙婃垜瀛﹀埌鐨勪笢瑗匡紝浠ュ強閭ｄ簺閲嶈鐨勫洖椤俱€傜洿鎺i鎶婃垜鐨刣emo鏀惧湪杩欓噷馃嚬馃嚰馃槃Winar鐨凧avaScript30澶╂寫鎴橈紝璁板綍缁冧範杩囩▼銆侀毦鐐瑰拰鍏朵粬瑙ｅ喅鏂规.浠庨浂鍒颁竴鍏ㄦ爤閮ㄨ惤锛岀敱鏄ュ摜鍙戣捣锛屼粠闆跺埌涓€鍏ㄦ爤閮ㄨ惤锛屾棬鍦ㄥ甫棰嗗ぇ瀹朵竴璧峰涔狅紝涓€璧疯緭鍑猴紝鏂囨。锛屼唬鐮侊紝涓枃瑙嗛锛屽叏鏍堥儴钀藉彛鍙凤細outputis鏈€濂界殑瀛︿範鏂瑰紡銆俇smaanAli瀵规瘡涓」鐩墍瀛﹀埌鐨勬妧鏈妧宸х殑鎬荤粨銆備粬杩樺皢瀹冧滑浣滀负鍗曠嫭鐨勫崥瀹㈡枃绔犲彂甯冨湪杩欓噷Axel鐨勭粡楠屾暀璁拰椤圭洰灞曠ず銆侰hris涓枃瀹炴垬锛岀洰鏍囨弿杩帮紝杩囩▼璁板綍銆侻uhammadD.Ramadhan鐨勫崥瀹€備粬灏嗚嚜宸辩殑涓汉鐢熸椿涓?0澶╃殑JavaScript鎸戞垬娣蜂负涓€璋堬紝浠ュ鍔犱粬鐨勫涔犺蹇嗗姏銆備粬杩樺湪涓€椤电焊涓婃€荤粨浜嗘寫鎴樸€備笉瑕佺湅浠栫殑鍗氬锛丩eeKeitel鐨勫崥瀹㈠寘鎷瘡鑺傝鐨勬€荤粨銆佹垜浠庢瘡涓€鑺傝涓鍒扮殑涓滆タ锛屼互鍙婃垜瀵规墍鏁欎富棰樼殑鎯虫硶浠ュ強鍦ㄦ湭鏉ヤ娇鐢ㄥ畠浠殑鎯虫硶銆侱ustinHsiao鍖呭惈浜嗘瘡绡囨枃绔犵殑浠嬬粛銆佹晥鏋渄emo銆佽瑙ｅ拰璁板綍杩囩▼锛屽苟闄勬湁閮ㄥ垎寤朵几闃呰鍜実h-page銆侴uaHsu-绾綍鐗囧悇绡囩粌涔犺繃绋嬩笌蹇冨緱锛屽苟灏濊瘯鎵╁睍閮ㄥ垎缁冧範锛屼篃鍋氫簡涓€涓寘鍚叏閮ㄧ粌涔犵殑浠嬬粛绔欚焽桂焽糄aniela鍦℅itHubPages鍜孋odepenri涓婂畬鎴愮殑鎸戞垬Pages鍜孋odepenri鐨勬墍鏈夋寫鎴橈細ut骞舵煡鐪嬪崥鏂嘇bidHasan瀹屾垚鎵€鏈夋寫鎴樸€傝繖澶浜嗭紒瀛﹀埌浜嗗緢澶氾紒:+1:YusongNotesRecordsYusongJS30daysnoteanddemoDing'sImplementationcodeandonlinedemoHerminioTorreslessonsandtrickslearned,andagh-pagetoseeworkingallthemini-projects.DmytroBorysovskyi闈炲父鎰熻阿璇剧▼Wes馃杩欐槸涓€涓护浜洪毦浠ョ疆淇＄殑鎸戞垬馃憣鍙互閫氳繃鎸囧悜gh-pages鐨勯摼鎺ヨ闂寘鍚澶勫彲鐢ㄤ唬鐮佸拰婕旂ず鐨勫畬鏁村瓨鍌ㄥ簱馃憤馃憤馃憤Kizito鐨勫悗缁瓨鍌ㄥ簱浠ュ強瀹屾暣鐨勬寫鎴樺拰娉ㄩ噴銆俈annTile鐨勫瓨鍌ㄥ簱鍜孏itHubPages灞曠ず銆傛劅璋㈡偍鐨勭簿褰┾尐锔忎綋楠屻€侫lexKim瀹屾垚浜嗘墍鏈夋寫鎴樸€傛偍鍙互鍦╣ithub椤甸潰涓婃煡鐪嬪畠浠€侻ikhailThomas鍒涘缓浜咼S30++浠ュ湪鍏朵箣涓婃坊鍔犲彟涓€涓骇鍒殑鎸戞垬杩欏凡缁忔槸寰堟鐨勮绋嬩簡銆俁amonMorcillo瀹屾垚浜嗚繖涓簡涓嶈捣鐨勬寫鎴橈紒鎮ㄥ彲浠ュ湪姝ら摼鎺ヤ笂鐪嬪埌浠栫殑瀹炵幇灞曠ず銆係antiagoEscobar鐨勫瓨鍌ㄥ簱鍜孏itHub椤甸潰灞曠ず銆侶arryXie30澶╃殑缁冧範绗旇鍦ㄦ閾炬帴涓€俈anRibeiro鍏充簬婕旂ず鍜岄噸杩般€傚湪GitHubRepo涓婃湁涓€涓叧浜庢墍瀛﹀拰鐮旂┒鐨勬€荤粨銆侻ugilan鐩墠姝ｅ湪鍋氳繖涓寫鎴樸€傛煡鐪嬩粬鐨凴epo鍜岀幇鍦烘紨绀恒€侲shanVohra鐩墠姝ｅ湪鍋氳繖涓寫鎴樸€傚湪杩欓噷鏌ョ湅鎴戠殑鍥炶喘銆俁egusAl鐩墠姝ｅ湪鍋氳繖涓寫鎴樸€傚湪杩欓噷鏌ョ湅鎴戠殑鍥炶喘鍗忚銆侫yushGupta鐨凧avaScript30鎸戞垬瀹炴柦涓庝竴浜涢檮鍔犵粍浠跺拰鏇存柊鐨勮璁°€俧ilipkowal淇flex闈㈡澘锛堢5澶╋級锛屼互渚垮湪鍗曞嚮鍙︿竴涓猳ne.Mo鏃堕潰鏉垮仠鐢ㄣ€係aif鍏充簬缁忛獙鏁欒鐨勬敞閲婂拰椤圭洰鐨刧h-pages灞曠ず銆係tiaannel瀵笿avascript30鎸戞垬鐨勫疄鏂斤紝鍏锋湁灏忕殑璁捐鏇存敼鍜屼竴浜涢澶栫殑鍔熻兘銆傚叾浠栨柟娉曞疄鐜扮殑JS30杩欓噷鏄竴浜涗汉鐨勯摼鎺ュ畬鎴愭暀绋嬩絾浣跨敤涓嶅悓璇█鎴栨鏋剁殑浜猴細ThomasMattacchioneJavaScript30鐢–lojureScript缂栧啓DaveFollett鐨勫崥瀹㈢郴鍒楋紝#JavaScript30涓婄殑鏂癡ue锛屼粬鍦ㄥ叾涓帰绱娇鐢╒ue閲嶆柊瀹炵幇#JavaScript30椤圭洰銆侫kinjideBankole浣跨敤Node.js銆俲s涓嶫ade瑙ｅ喅缁冧範AdrienPoly閫傚害灏濊瘯灏咲rumKit銆乂ideoPlayer銆丩ocalTapas銆乀ypeHead杞崲涓篟ailsApp涓殑StimulusJS妗嗘灦銆侭ogdanLazar鎵€鏈夌敤TypeScript缂栧啓鐨凧avaScript30WillWager鍙︿竴涓猅ypeScript瀹炵幇锛乵arcoSven瑙ｅ喅鏂规寤鸿10-鎸変綇Shift閿苟閫変腑澶嶉€夋ALMaclaineJavascript30鐢―art2.0缂栧啓銆?/p>
