杩欎簺鐑棬GitHub浠ｇ爜搴擄紝姣忎釜鍓嶇寮€鍙戣€呴兘搴旇鏀惰棌

Posted 2021-04-08 鍓嶇澶у叏

锛堢粰鍓嶇澶у叏鍔犳槦鏍囷紝鎻愬崌鍓嶇鎶€鑳?/span>锛?/span>

缁忓父浼氭湁灏忎紮浼磋鎺ㄨ崘濂界殑浠ｇ爜搴擄紝鏈€杩戠湅鍒颁簡 sayanide 鍐欑殑鏂囩珷锛岄兘鏄潪甯告鐨勪唬鐮佸簱锛屼緵澶у瀛︿範鍙傝€冦€?/span>

鎵嬪ご鏈夊ぇ閲忕殑璧勬簮馃摎鎬绘槸涓€浠跺緢妫掔殑浜嬨€?/span>

浣滀负涓€涓爜鍐滐紝鎴戜滑闇€瑕佷笓娉ㄤ簬鍔熻兘鍜屾渶浣冲疄璺碉紝鑰屼笉鏄竴閬嶉亶鍦扮紪鍐欐牱鏉夸唬鐮併€傛秷闄ゆ棤鐢ㄥ姛锛屾姇鍏ユ椂闂村涔犱娇鐢ㄦ纭殑宸ュ叿鎴栬€呮噦寰椾娇鐢ㄦ湁鐢ㄧ殑璧勬簮鍙互鏋佸ぇ鐨勫府鍔╂垜浠妭鐪佹椂闂淬€?/span>

閫氳繃鏈瘒鏂囩珷锛屾垜浠皢浼氫簡瑙ｄ竴浜涜兘澶熸瀬澶х殑甯姪鎴戜滑鎻愬崌 WEB 寮€鍙戞妧鑳界殑 GitHub 搴擄紝杩欎簺搴撲篃浼氬府鍔╀綘缂栧啓鏇村ソ鐨勪唬鐮併€?/span>

Node.js Best Practices

杩欎釜搴撴槸涓€涓緢妫掔殑鍦版柟锛屽彲浠ヨ浣犻殢鏃朵簡瑙?nbsp;Node 涓栫晫锛屽苟鍦ㄤ娇鐢ㄦ椂浜嗚В鏈€浣冲疄璺点€傛嫢鏈?nbsp;40k Star 鍜?133 浣嶈础鐚€咃紝杩欎釜搴撳嚑涔庢瘡澶╅兘鏈夋洿鏂般€?/span>

璇ュ簱瀵规帓鍚嶈緝楂?nbsp;Node.js 鐨勬渶浣冲疄璺佃繘琛屼簡鎬荤粨鍜屾暣鐞嗭紝鍖呮嫭 Node.js + Docker 鏈€浣冲疄璺点€傜洰鍓嶆嫢鏈夎秴杩?0澶氱鏈€浣冲疄璺碉紝椋庢牸鎸囧崡鍜岀粨鏋勫缓璁瓑銆?/span>

涓€浜涘父瑙佺殑鏈€浣冲仛娉曞寘鎷細

• 鏇村ソ鍦扮粍缁囬」鐩?/span>

• 閿欒澶勭悊瀹炶返

• 浠ｇ爜椋庢牸瀹炶返

• 娴嬭瘯鍜屾暣浣撹川閲忓疄璺?/span>

• 杩涜鐢熶骇瀹炶返绛夌瓑

 https://github.com/goldbergyoni/nodebestpractices

html5 Boilerplate

HTML5 Boilerplate 鏄竴涓笓涓氱殑鍓嶇妯℃澘锛岀敤浜庢瀯寤哄揩閫熴€佸仴澹拰閫傚簲鎬у己鐨?nbsp;Web 搴旂敤绋嬪簭鎴栬€呯綉绔欍€?/span>

璇ラ」鐩槸澶氬勾杩唬寮€鍙戝拰绀惧尯鐭ヨ瘑鐨勪骇鐗┿€傚畠娌℃湁寮哄姞鐗瑰畾鐨勫紑鍙戠悊蹇垫垨鑰呮鏋讹紝鎵€浠ヤ綘鍙寜鐓ц嚜宸辩殑鏂瑰紡鑷敱鍦版瀯寤轰唬鐮併€?/span>

鍖呮嫭鍍忓涓嬬殑棰勫畾涔夊姛鑳斤細

• Normalize.css

• jQuery with CDN

• Apache Server Configs

• 鏈夌敤鐨?nbsp;CSS 鍔╂墜绫?/span>

• 榛樿鏍峰紡锛屾€ц兘浼樺寲绛?/span>

鏍规嵁浣犳兂瑕佺敤鐨勫唴瀹逛互鍙婁娇鐢ㄦ柟娉曪紝灏嗘墍闇€鏂囦欢澶嶅埗绮樿创鍒颁綘鐨勫伐绋嬬洰褰曢噷鍗冲彲銆傝繖鏍峰氨涓轰綘鎻愪緵浜嗕竴涓厤缃ソ鐨勬ā鏉匡紝浠庤€屽姞蹇簡寮€鍙戦€熷害銆?/span>

RealWorld

鎺屾彙涓€涓柊妗嗘灦鐨勬牳蹇冩蹇靛拰鎰忚瘑褰㈡€佸苟涓嶆槸涓€浠朵护浜烘伯涓х殑浜嬫儏銆?/span>

濡傛灉浣犳病鏈夋纭悊瑙ｈ繖涓蹇电殑璇濓紝浣犻渶瑕侀槄璇绘枃妗ｏ紝杩愯绀轰緥浠ｇ爜锛屾媶瑙ｇず渚嬪簲鐢ㄧ▼搴忓苟灏嗗叾閲嶆柊缁勫悎鍦ㄤ竴璧凤紝鍦ㄦ湰鍦板畨瑁?nbsp;CLI 绛夌瓑锛屽畠闇€瑕佽姳璐瑰お澶氱殑缁忓巻锛屼护浜烘伯涓с€?/span>

RealWorld 鍏佽浣犻€夋嫨浠讳綍鍓嶇锛?/span>React,Angular2 绛夛級鍜屼换浣曞悗绔紙Node , Django 绛夛級锛屽苟灏嗗畠浠泦鎴愬湪涓€璧蜂互鏌ョ湅搴旂敤绋嬪簭鐨勭湡瀹炵ず渚嬨€?/span>

鐢变簬杩欎簺瀹炵幇鍜屾妧鏈爤鐩稿叧锛屽畠浠樉鐒朵笉鑳芥贩鐢紝浣嗗畠浠粛鐒堕伒寰浉鍚岀殑鍔熻兘鍜孶X瑙勮寖銆?/span>

涓€浜涘父鐢ㄩ泦鎴愬疄渚嬶細

• Angular + ngrx + nx

• ClojureScript + re-frame

• React / MobX

• Go + Gin

• NestJS + TypeORM/Prisma

浣犲彲浠ュ湪浠撳簱涓壘鍒版棤绌锋棤灏界殑绀轰緥銆傚敖鎯呭幓瀵绘壘鍚э紒

You Don't Know JS Yet

杩欐槸涓€绯诲垪娣卞叆鐮旂┒ javascript 璇█鏍稿績鏈哄埗鐨勪功绫嶃€?/span>

鎵€鏈夌殑涔︾睄鍧囦负鍏嶈垂锛屼綘鍙互闅忔椂鍦ㄧ嚎闃呰銆?/span>

浣滆€呭缓璁槄璇荤殑椤哄簭涓猴細

• Get Started

• Scope & Closures

• Objects & Classes (杩樻湭寮€濮?

• Types & Grammar (杩樻湭寮€濮?

• Sync & Async (杩樻湭寮€濮?

• ES.Next & Beyond (杩樻湭寮€濮?

Airbnb JavaScript Guide

杩欐槸 Airbnb 鎻愪緵鐨勯潪甯哥簿纭拰涓撲笟鐨勯鏍兼寚鍗椼€?/span>

鏈寚鍗楀皢閫氳繃娣卞叆鍩虹鐭ヨ瘑鍜屼唬鐮佺墖娈垫潵甯姪浣犵敱娣卞叆娴呭湴鐞嗚В JavaScript銆?/span>

鏈寚鍗楁秹鍙婄殑涓€浜涚儹闂ㄥ唴瀹瑰涓嬶細

• 绠ご鍑芥暟

• 鍙橀噺鎻愬崌

• 瑙ｆ瀯

• 娉ㄩ噴

• 鎬ц兘

• 娴嬭瘯

Storybook

Storybook 鏄?nbsp;UI 缁勪欢鐨勫紑鍙戠幆澧冿紝瀹冨厑璁镐綘娴忚缁勪欢搴擄紝鏌ョ湅姣忎釜缁勪欢鐨勪笉鍚岀姸鎬侊紝浠ュ強浜や簰鍦板紑鍙戝拰娴嬭瘯缁勪欢銆?/span>

Storybook 鍦?nbsp;app 涔嬪杩愯锛岃繖鍏佽浣犵嫭绔嬪紑鍙?nbsp;UI 缁勪欢锛屾彁楂樼粍浠剁殑閲嶇敤鎬с€佹祴璇曟€у拰寮€鍙戦€熷害銆備綘鍙互蹇€熸瀯寤猴紝鑰屼笉蹇呮媴蹇冨簲鐢ㄧ▼搴忕壒瀹氱殑渚濊禆鍏崇郴銆?/span>

瀹冮檮甯︿簡涓€涓?nbsp;CLI 鍜屼竴浜涗唬鐮佺ず渚嬶紝渚涗綘鐔熸倝 Storybook.

Front-End-Checklist

Front-End-Checklist 鏄竴涓灏界殑鍒楄〃锛屽垪鍑轰簡鍦ㄧ綉绔欐垨鑰?nbsp;HTML 椤甸潰鎶曞叆浣跨敤鍓嶆墍闇€瑕佸叿澶囨垨鑰呮祴璇曠殑鎵€鏈夊厓绱犮€?/span>

瀹冩槸涓€涓熀浜庡墠绔?nbsp;Web 寮€鍙戠殑浠撳簱锛屾洿鍏虫敞鎬ц兘銆佸畨鍏ㄦ€у拰 SEO 绛夈€?/span>

Front-End-Checklist 涓殑鎵€鏈夐」鐩浜庡ぇ澶氭暟宸ョ▼閮芥槸蹇呴』鐨勶紝浣嗗叾涓湁浜涘厓绱犲彲浠ョ渷鐣ャ€?/span>

鍖呮嫭锛?/span>

• 馃摉鏂囨。鎴栬€呮枃绔?/span>

• 馃洜鍦ㄧ嚎宸ュ叿/娴嬭瘯宸ュ叿

• 馃摴濯掍綋鎴栬€呰棰戝唴瀹?/span>

鐏垫劅鍜岃祫婧?br class="mq-289">

杩欑瘒鏂囩珷鐨勪护璇ユ潵婧愪簬 Tech Sapien 鍜屼粬鎵€鏈変护浜烘儕鍙圭殑宸ヤ綔銆傚簱涓殑鍥剧墖馃摲 涔熸槸鍙栬嚜鍚屼竴澶勩€?/span>

鎬荤粨

涓婇潰鎻愬埌鐨勬墍鏈夌殑搴撳苟涓嶆槸鍞竴鍙敤鐨勮祫婧愶紝闄ゆ涔嬪鎴戞暍鑲畾杩樻湁澶ч噺鐨勪护浜烘儕鍙圭殑椤圭洰銆傝繖浜涙槸鍏朵腑涓€浜涙垜瑙夊緱寰堟湁鐢ㄧ殑璧勬簮锛屽悓鏃舵垜鑷繁涔熺粡甯告矇娴稿叾涓€?/span>

涓嶈蹇樹簡缁欒繖浜涘簱鐐?nbsp;Star馃専銆備互鎰熻阿鎵€鏈夊嚭鑹茬殑璐＄尞鑰咃紝鎰熻阿浠栦滑涓烘垜浠垱閫犱簡濡傛鏈夌敤鐨勮祫婧愨湆馃徏

鎺ㄨ崘闃呰   鐐瑰嚮鏍囬鍙烦杞?/span>

锛?br>

锛?br>

瑙夊緱鏈枃瀵逛綘鏈夊府鍔╋紵璇峰垎浜粰鏇村浜?/span>

鍏虫敞銆屽墠绔ぇ鍏ㄣ€嶅姞鏄熸爣锛屾彁鍗囧墠绔妧鑳?/span>

濂芥枃绔狅紝鎴?span class="mq-323">鍦ㄧ湅鉂わ笍