Udemy線上課程 React JS 前端應用開發: 從入門到入行 講師:Chris Lin 影音教學 中文發音 繁體中文版(DVD版)
Udemy線上課程ReactJS前端應用開發:從入門到入行講師:ChrisLin影音教學中文發音繁體中文版(DVD版)內容說明:
這門課程旨在為想要掌握React技術的學習者提供清晰而深入的指引。
無論你是初次接觸前端開發還是希望深化你對React的瞭解,這個課程都將成為你的理想起點。
在課程中,我們將從HTML和CSS的基礎開始,穿越JavaScript及TypeScript奠定前端開發的基石。
接著進入到React的基本概念,包括元件(component)、狀態(state)、JSX語法。
我們將逐步引導你建立和使用React元件,培養你在構建現代前端應用程式時所需的技能。
這不僅僅是一個理論性的課程。
我們將通過實踐操練和實際應用,確保你能夠將所學知識融入實際專案。
你將學到如何有效地處理元件之間的通信,使用ReactRouter實現導航(navigation),以及優化應用的性能。
課程還涵蓋了React生態系統的重要主題,包括狀態管理、表單處理、Ajax數據請求,以及最新的ReactHooks技術。
透過這些深入的內容,你將能夠以更高效和現代的方式開發React應用。
我們還將引入當代身份驗證(Auth)的基礎觀念,學習如何實現用戶身份的安全管理。
這將包括使用常見的登入及身份驗證機制,保障你的應用程式的安全性。
我們特別鼓勵那些希望轉職成軟體開發工程師的同學參與。
這門課程將為你提供一個堅實的基礎,讓你能夠自信地進入這個充滿機遇的領域。
準備好挑戰自己、迎接前端開發的新世界嗎?加入我們的React課程,開始你的學習旅程吧!
課程內容:
備註:該課程里面的assignment作業類型下載不了.txt

01-Introduction
001Webdevelopmentnowadays.mp4
002Whatyouaregoingtolearninthiscourse.mp4
003Prerequisites.mp4
004Howtogetthemostoutofthiscourse.mp4

02-DevelopmentEnvironmentSetup
001Intro.mp4
002InstallWSL2-forWindowsdeveloperonly.mp4
003InstallVSCode.mp4
004Installnvmandnode.mp4
005Introtonode,npm,andnpx.mp4
006FirstReactapp.mp4
007Shellcrashcourse(optional).mp4

03-HTMLCSSQuickRefresher
001Intro.mp4
002HTML.mp4
003CSS.mp4
004Div.mp4
005Flex.mp4
006CSSframework.mp4

04-ProgrammingwithJavaScript
001IntrotoJavaScript.mp4
002What'sprogramming.mp4
003Dimensionsofprogramming.mp4
004JavaScriptvsTypeScript.mp4
005HistoryofJavaScript.mp4
006Comments.mp4
007Variableandliteral.mp4
008Scope.mp4
009Function.mp4
010Number.mp4
011String.mp4
012Boolean.mp4
013Undefinedandnull.mp4
014Introtocomplexdatatypes.mp4
015Object.mp4
016Array.mp4
017Map.mp4
018Variablesinmemory.mp4
019Branch.mp4
020Forloop.mp4
021Whileloop.mp4
022Introtofunctionalprogramming.mp4
023Map-Reduce-PartI.mp4
024Map-Reduce-PartII.mp4
025Introtoasynchronousprogramming.mp4
026Asynchronousfunction-Gen1callback.mp4
027Asynchronousfunction-Gen2promise.mp4
028Asynchronousfunction-Gen3asyncawait.mp4
029JSON.mp4

05-ProgrammingwithTypeScript
001IntrotoTypeScript.mp4
002DynamicTypingvsStaticTyping.mp4
003PotentialDynamicTypingErrors.mp4
004InstallingTypeScriptTools.mp4
005PrimitiveTypes.mp4
006Array.mp4
007Object.mp4
008Map.mp4
009Type.mp4
010Enum.mp4
011Function.mp4
012Any,unknown,andnever.mp4
013Module.mp4

06-IntrotoReact
001SinglePageApplication(SPA).mp4
002What'sReact.mp4
003YourfirstReactapp.mp4

07-ReactComponents
001What'sacomponent.mp4
002Createacomponent.mp4
003Componentrendering.mp4
004CreateaCardcomponent.mp4
005ComponentwithCSSframework.mp4
006Componentprops.mp4
007Decoupledatafromacomponent.mp4
008ApplycustomCSStoyourcomponent.mp4
009IntrotoSASS.mp4
010CSSmodules.mp4

08-InteractwithUsers
001Intro.mp4
002Createathumbs-upcomponent.mp4
003Howrenderingworks.mp4
004IntrotoReactstate.mp4
005Stateinafunctionalcomponent.mp4
006Stateinaclasscomponent.mp4
007Howre-renderingworks.mp4
008Re-renderthumbs-upcomponent.mp4
009Reactdevelopertools.mp4
010Hooks.mp4
011Reactsyntheticevents.mp4

09-Forms
001Intro.mp4
002CreateEditorcomponent.mp4
003Textinput.mp4
004Controlledinputvsuncontrolledinput.mp4
005Radio.mp4
006Select-options.mp4
007Textarea.mp4
008Checkbox.mp4
009AddpropstoEditor.mp4
010Howkeypropertiesareusedinre-rendering.mp4
011ReviseTodoItemUI.mp4
012SwitchtoEditorandback.mp4
013Updatetodoitem.mp4
014Deletetodoitem.mp4
015RefactorEditor.mp4
016Createtodoitem.mp4

10-AssignmentTea-ShopOrderForm
001Hints.mp4
002Visualization-Teabase.mp4
003Visualization-Icelevel.mp4
004Visualization-Toppings.mp4

11-ProgrammingPractice-ColorPicker
001Intro.mp4
002Palettecomponent.mp4
003Addvaluetag.mp4
004HSLcomponent.mp4
005Colorpreview.mp4
006Batchingofstateupdates.mp4
007useEffect().mp4
008memo()anduseCallback().mp4
009useMemo().mp4
010Bottomline.mp4

12-NavigatingbetweenPages
001Userexperiencematters.mp4
002IntrotoReactRouter.mp4
003Addarouter.mp4
004Nestedroutes.mp4
005Programmaticnavigation.mp4
006ParametersfromURL.mp4
007Addanindexpage.mp4
008Addanavigationbar.mp4
009Datarouter(anewwaytocreatearouter).mp4
010Dataloadingwithsynchronousloader.mp4
011Dataloadingwithasynchronousloader.mp4
012Handleroutingerrors.mp4
013Deferreddataloading.mp4

13-CommunicatewiththeBackend
001IntrotoRESTfulAPI.mp4
002SetupFirebasereal-timedatabase.mp4
003VerifyavailabilityoftheRESTfulAPIs.mp4
004RESTfulrequestswithfetch().mp4
005RESTfulrequestswithAXIOS.mp4
006fetch()vsAXIOS.mp4
007BuildanAPIutility.mp4
008PersistTODOitemsinFirebasereal-timedatabase.mp4
009LoaddatawithuseEffect().mp4
010LoaddatawithReactRouterdataloader.mp4
011UpdateTODOitems.mp4
01212.SeparateDevenvandProdenvforbettermaintainability.mp4

14-Auth
001Authenticationvsauthorization.mp4
002Session-basedvstoken-basedauthentication.mp4
003JWT.mp4
004Digitalsignaturebysymmetricencryption-HMAC-SHA256.mp4
005Digitalsignaturebyasymmetricencryption-RSA-SHA256.mp4
006Symmetric-keyvsasymmetric-keysignature.mp4
007Sociallogin-OAuthandOpenIDConnect.mp4
008SignupandloginwithFirebaseAuthSDK.mp4
009SignupandloginwithFirebaseAuthUI.mp4
010FirebaseadminSDK.mp4
011Keepuserauthinfoinastate.mp4
012Addsociallogin.mp4
013useContext().mp4
014Loginlogoutstatus.mp4
015IntrotoRole-BasedAccessControl(RBAC).mp4
016GrantuserspermissionswithRBAC.mp4
017AuthorizedRESTfulAPIcalls.mp4
018Redirectusertologinpageandback.mp4
019Protectclient-siderouteswithRBAC.mp4

15-Linting,Testing,andDeployment
001What'slinting.mp4
002LintingwithESLint.mp4
003What'stesting.mp4
004Setuptestingenvironment.mp4
005Testaform.mp4
006Measurethecompletenessofyourtests-codecoverage.mp4
007Mocking.mp4
008Testfromdeveloper'sperspective.mp4
009Introtodeployment.mp4
010DeployassetstoFirebaseHosting.mp4
011Lazyloading.mp4
012Chunking.mp4

16-FinalProject-SlotMachine
001images.zip
001Intro.mp4
002Top-downanalysis.mp4
003FiniteStateMachine(FSM).mp4
004Spinningspeedcontrol.mp4

17-Wrap-up
001FarewellandThanks!.mp4


相關商品:Udemy線上課程ReactNative中文全系列教程(含教材)講師:ChinavaneOcean影音教學中文發音中文版(2DVD)Udemy線上課程作者教.NETMiniExcel講師:WeiLin影音教學中文發音繁體中文版(DVD版)Udemy線上課程EFT情緒療癒排毒講座和練習(Tapping)(含教材)講師:Carol嘉瑗Lin林影音教學中文發音繁體中文版(DVD版)Udemy線上課程第一次學facebook行銷就上手,超過3000個人都在網路賣翻天講師:dalin影音教學中文發音繁體中文版(DVD版)Udemy線上課程當個有梗的HR-讓人才主動上門的創意社群招募講師:AllenLin影音教學中文發音繁體中文版(DVD版)