Frontend30 – Master 30 Front-end Skills
English | Size: 6.14 GB
Category: Web
What will I learn?
I publish new FrontEnd30 courses regulary in different subjects such as:
Frontend development + accessibility
React
javascript
Advanced CSS/SASS
CSS/SASS Animations
JS Animations: GSAP, Velocity.js, Anime.js, Mo.js
SVG filter Animations
2D Animations: HTML Canvas
3D Animations: Three.js
Trigonometric functions for web animations
WebGL, Three.js
Some courses are short and sweet so you can quickly learn new frontend skills in a few hours such as CSS/JS animations and frontend techniques.
Furthermore, there are some courses which contains many materials and videos to go through for more complex techniques such as React and building frontend pages with advanced techniques.
Content of the course:
1-svg-liquify-filter-effect-with-greensock-scrollmagic-00-16-51.mp4
10-slide-in-menu-without-js-00-35-01.mp4
11-responsive-mondrian-art-with-css-grid-00-31-54.mp4
12-horizontal-text-scroll-with-css-variables-00-22-55.mp4
13-contrast-text-color-on-image-00-16-49.mp4
14-3d-tilt-parallax-effect-with-mouse-movement-00-15-30.mp4
15-sticky-menu-with-scrollmagic-00-32-48.mp4
16-gooey-effects-00-41-55.mp4
17-glitch-effect-00-17-24.mp4
18-cannon-animation-with-mo-js-00-34-43.mp4
19-space-rocket-with-requestanimationframe-00-33-33.mp4
2-a-pointing-arrow-00-13-33.mp4
20-interactive-mouse-cursor-00-23-41.mp4
21-submit-button-with-axios-and-loading-animation-00-42-18.mp4
22-responsive-magic-pagination-00-33-37.mp4
23-ink-transition-effect-1-intro-00-02-26.mp4
24-ink-transition-effect-2-ae-00-17-14.mp4
25-ink-transition-effect-3-psd-00-06-02.mp4
26-ink-transition-effect-4-css-00-18-59.mp4
27-ink-transition-effect-5-scrollmagic-00-05-57.mp4
28-cannon-confetti-with-canvas-1-intro-00-17-50.mp4
29-cannon-confetti-with-canvas-2-physics-00-18-58.mp4
3-resizing-panel-00-11-57.mp4
30-cannon-confetti-with-canvas-3-tween-00-24-11.mp4
31-cannon-confetti-with-canvas-4-tilt-00-12-19.mp4
32-a-lake-at-night-svg-filter-1-intro-00-01-15.mp4
33-a-lake-at-night-svg-filter-2-lake-wave-00-24-56.mp4
34-a-lake-at-night-svg-filter-3-sky-00-42-48.mp4
35-david-hockneys-joiners-in-canvas-00-26-52.mp4
36-three-js-practice-the-aviator-1-intro-00-03-01.mp4
37-three-js-practice-the-aviator-2-scene-camera-renderer-00-16-33.mp4
38-three-js-practice-the-aviator-3-sea-1-00-08-08.mp4
39-three-js-practice-the-aviator-4-lights-00-10-57.mp4
4-light-bulb-00-41-34.mp4
40-three-js-practice-the-aviator-5-sea-2-00-11-16.mp4
41-three-js-practice-the-aviator-6-sky-00-19-48.mp4
42-three-js-practice-the-aviator-7-airplane-1-00-24-32.mp4
43-three-js-practice-the-aviator-8-airplane-2-00-22-33.mp4
44-three-js-practice-the-aviator-9-pilot-1-00-24-29.mp4
45-three-js-practice-the-aviator-10-pilot-2-00-14-03.mp4
46-three-js-practice-the-aviator-11-sea-3-00-13-34.mp4
47-three-js-practice-the-aviator-12-additional-00-23-53.mp4
48-particle-art-in-2d-3d-particle-art-1-00-00-55.mp4
49-particle-art-in-2d-3d-particle-art-2-00-31-12.mp4
5-split-letters-on-hover-00-19-13.mp4
50-particle-art-in-2d-3d-particle-art-3-00-39-49.mp4
51-smoke-effect-smoke-text-transition-1-00-01-42.mp4
52-smoke-effect-smoke-text-transition-2-00-18-59.mp4
53-smoke-effect-smoke-text-transition-3-00-09-40.mp4
54-smoke-effect-smoke-text-transition-4-00-28-35.mp4
55-intro-00-01-04.mp4
56-overview-00-02-35.mp4
57-layout-00-08-34.mp4
58-codesandbox-00-04-39.mp4
59-results-html-00-21-58.mp4
6-ripple-effects-with-css-animation-00-23-27.mp4
60-results-scss-01-00-38.mp4
61-details-html-scss-00-30-09.mp4
62-details-js-00-09-07.mp4
63-intro-00-01-56.mp4
64-loader-00-13-14.mp4
65-api-key-00-11-33.mp4
66-requesting-data-00-04-20.mp4
67-populating-data-00-12-58.mp4
68-fixing-sliding-in-00-06-07.mp4
69-details-page-00-31-13.mp4
7-svg-css-animation-illustrator-1-00-01-11.mp4
70-intro-00-00-40.mp4
71-brief-intro-to-react-00-02-17.mp4
72-react-plan-00-09-57.mp4
73-react-boilerplate-create-react-app-00-09-27.mp4
74-styled-components-import-export-00-13-12.mp4
75-createglobalstyle-00-07-15.mp4
76-moviesection-00-11-40.mp4
77-props-00-02-43.mp4
78-movieheader-logo-00-12-22.mp4
79-moviemain-00-02-01.mp4
8-svg-css-animation-illustrator-2-00-36-57.mp4
80-searchform-1-00-12-35.mp4
81-searchform-2-button-00-11-18.mp4
82-searchform-3-icon-00-03-34.mp4
83-typechecking-with-proptypes-00-06-17.mp4
84-state-00-09-17.mp4
85-function-class-stateful-stateless-lifecycle-00-05-46.mp4
86-movieresults-1-callback-00-15-03.mp4
87-movieresults-2-axios-00-16-56.mp4
88-movieresults-3-key-00-02-31.mp4
89-movieresults-4-styling-00-10-20.mp4
9-svg-css-animation-illustrator-3-00-43-08.mp4
90-rating-staricon-00-07-22.mp4
91-initial-popcorn-00-10-59.mp4
92-details-section-1-00-14-17.mp4
93-details-section-2-slide-in-00-15-11.mp4
94-details-section-3-back-button-00-03-45.mp4
95-details-section-4-00-18-26.mp4
96-details-section-5-styling-00-05-22.mp4
97-details-section-6-00-17-46.mp4
code
RAPIDGATOR
rapidgator.net/file/f04a108b995ae8f2560bdfb31ed16df9/Frontend30_-_Master_30_Front-end_Skills.part01.rar.html
rapidgator.net/file/a04cc46168b24d1d1033d94b31540d36/Frontend30_-_Master_30_Front-end_Skills.part02.rar.html
rapidgator.net/file/206733d1d807ea97d22641bd0d7df453/Frontend30_-_Master_30_Front-end_Skills.part03.rar.html
rapidgator.net/file/1a7ad48b665ebf470de11f4df5bc052e/Frontend30_-_Master_30_Front-end_Skills.part04.rar.html
rapidgator.net/file/1add68c9ec15015a44ebd887f73496e2/Frontend30_-_Master_30_Front-end_Skills.part05.rar.html
rapidgator.net/file/de21f59c8f3a9d2f5a563f23e85acfcf/Frontend30_-_Master_30_Front-end_Skills.part06.rar.html
rapidgator.net/file/7c2488c503fbe05caa2faa0926ae57f5/Frontend30_-_Master_30_Front-end_Skills.part07.rar.html
rapidgator.net/file/e9b9ba5e312743d83b1e63fdf9b4610d/Frontend30_-_Master_30_Front-end_Skills.part08.rar.html
rapidgator.net/file/fb4159610fe70ca05fdee84c48878930/Frontend30_-_Master_30_Front-end_Skills.part09.rar.html
rapidgator.net/file/28ff9051e5dee03b32f905bd1ab8ad13/Frontend30_-_Master_30_Front-end_Skills.part10.rar.html