Hello, everyone, I’m a tech fat. In 2017, I recorded about 200 video tutorials during my off-duty hours, and now I am contributing 155 free videos to help those on the front end learn (click the link below to watch for free). It should be noted that I am still a front-line fighting front-end programmer, not a professional lecturer, so the tutorial is inevitable mistakes and mistakes, please understand and correct. These videos are my original, I hope front-end fans like. (If you want to make friends with tech Fat, there is a WECHAT QR code at the bottom of this article), it is not easy to record the course open source, if the article has helped you, please like and reward.
Vue2.x Basic Videos (27 episodes)
- Technology fat Vue2.0 basic video 01__HelloWord instance
- Technology fat Vue2.0 basic video 02_v-if and v-show
- Technology fat Vue2.0 basic video 03_v-for loop instruction
- Technology fat Vue2.0 basic video 04v-text and v-html instructions
- Technology fat Vue2.0 basic video 05v-on command
- Technology fat Vue2.0 basic video 06v-model data source binding instruction
- Technology fat Vue2.0 basic video 07v-bind tag attribute binding
- Technology fat Vue2.0 basic video 08 other instructions
- Technology fat Vue2.0 basic video 09 custom instructions
- Technology fat Vue2.0 base video 10extend extended instance constructor
- Technology fat Vue2.0 basic video 11vue.set global operation
- Technology fat Vue2.0 basic video 12 life cycle
- Technology fat Vue2.0 basic video 13Template template
- Technology fat Vue2.0 basics video 14component introduction component
- Technology fat Vue2.0 base video 15component property
- Technology fat Vue2.0 base video 16component inheritance
- Technology fat Vue2.0 basic video 17component tag
- Technology fat Vue2.0 basic video 18propsData option
- Technology fat Vue2.0 basic video 19computed option
- Technology fat Vue2.0 basic video 20methods option
- Technology fat Vue2.0 basic video 21watch options
- Technology fat Vue2.0 basic video 22mixins option
- Technology fat Vue2.0 base video 23extend option
- Technology fat Vue2.0 basic video 24 instances to get started
- Technology fat Vue2.0 basic video 25 instance methods
- Technology fat Vue2.0 basic video 26 instance events
- Technology Fat Vue2.0 Basic video 27 Custom component slot usage
Vue- CLI Video Tutorials (3 episodes)
- Technology fat Vue2.0 basic video 28ue -cli installation
- Technology fat Vue2.0 basic video 29vue-cli directory structure interpretation
- Technical fat Vue2.0 basic video 30vue-cli template file interpretation
Vue-router Video Tutorial (11 episodes)
- Technology fat Vue2.0 basic video 31vue-router get started
- Technology fat Vue2.0 basic video 32vue-router sub-route
- Technology fat Vue2.0 basic video 33vue-router parameter passing
- Technology fat Vue2.0 basic video 34 Single-page multi-route area operation
- Technology fat Vue2.0 basic video 35 Pass parameters through Url
- Technology fat Vue2.0 basic video 36redirect
- Technology fat Vue2.0 basic video 37alias alias use
- Technology fat Vue2.0 basic video 38 route transition animation
- Technology fat Vue2.0 basic video 39mode role and 404 page processing
- Technology fat Vue2.0 basic video 40 route in the hook function
- Technology fat Vue2.0 basic video 41 programmatic navigation
Vuex Video Tutorial (6 episodes)
- Technology fat Vue2.0 basic video 42 first vuex a small Demo
- Technology Fat Vue2.0 basic video 43state access state object
- Technical fat Vue2.0 basic video 44Mutations modified state
- Technology fat Vue2.0 basic video 45Getters calculates filter properties
- Technology fat Vue2.0 basic video 46Actions asynchronous state
- Technology fat Vue2.0 basic video 47vuex module group
Vue Practical POS System for Fast Food Restaurants (12 sets)
- Technology fat Vue combat – POS system demonstration of fast food restaurant
- Technology Fat Vue combat – Fast food POS System 01 section
- Technology fat Vue real-POS system of fast food restaurant 02 section – Construction of project architecture
- Technology fat Vue combat – fast food POS system 03 section – Iconfont
- Technology fat Vue combat – fast food POS System 04 – self – built sidebar component
- Technology Fat Vue combat – fast food POS system 05 section – open Element
- Technology Fat Vue combat – Fast food POS System 06 section – Layout 1
- Technology Fat Vue combat – Fast food POS System 07 section – Layout 2
- Technology fat Vue combat – FAST food POS System 08 section -Axios to obtain data
- Technology fat Vue combat – fast food POS system 09 section – order module -1
- Technology fat Vue combat – fast food POS system 10 – order module -2
- Technology fat Vue combat – fast food POS system 11 – packaging online
WEEX Video Tutorial (17 episodes)
- WEEXS video tutorial -01WEEX introduction and learning difficulties
- WEEX development Environment Installation (1)
- WEEX development Environment Installation (2)
- WEEX video tutorial – 04WEEX common commands and hot update preview
- WEEX video tutorial -05AndroidStudio configuration
- WEEX 06vUE and WEEX love and hate
- WEEX Video Tutorial -07 Custom components and Text components
- WEEX video tutorial -08Input components and introduction to built-in modules
- WEEX Video Tutorial -09Image and video components
- WEEX Video tutorial -10 make a list together
- WEEX Video Tutorial -11 Obtaining Remote Data from a Server
- WEEX video Tutorial -12 Make a rotation diagram effect
- WEEX 13A Components and Web Components
- WEEX video Tutorial -14 general event and animation module
- WEEX Video Tutorial -15 Teach yourself WEEX
- WEEX video tutorial -16Navigator and webview module
- WEEX – 17 vue – pit in the router
ES6 Basics
- Technology fat takes you to play with es6-01 development environment build
- Technology fat takes you to play with es6-02’s new way of claiming
- The technique allows you to play with the es6-03 variable deconstruction assignment
- Technical fat lets you play with es6-04 extension operators and REST operators
- Technical fat takes you to play with es6-05 string templates
- Technology fat takes you to play es6-06 digital manipulation
- Technology fat takes you to play es6-07 array operation-1
- Technology fat takes you to play es6-08 array manipulation -2
- Technology fat takes you to play with es6-09 arrow functions and extensions
- Technology fat takes you to play with ES6-10 functions and array fixes
- Technology fat takes you to play es6-11 object manipulation
- The technique allows you to play with the es6-12Symbol in the application of objects
- Technology fat takes you to play es6-13 set and WeakSet
- Technology allows you to play with ES6-14MAP data structures
- Technology fat allows you to play with es6-15Proxy functions and object enhancements
- The technology fat takes you to play with the ES6-16Promise multi-step operation
- Technical fat allows you to play with ES6-17class operations
- The technology fat takes you to play with the ES6-18 modular operation
React Basics Videos (15 episodes)
- React Basic Video 01 introduction
- React Base video 02 Environment build and HelloWorld program
- React Basic video 03 First introduction to JSX syntax
- React Basic video 04 Advanced JSX syntax
- React Basic video 05 component State member
- React Basic video 06 components props and render
- React Basic video 07-1 component life cycle
- React Basic video 08 component small instance
- A child node of the React basic video 09 component
- React Basic video 10 component property validation
- React basic video 11ref gets the real DOM node
- React Basic video 12 Form bind reuse
- React Basic video 13 Form name reuse
- React Basic video 14 form controlled components
- React Basic video 15 form uncontrollable components
The React Family Barrel (Episode 10)
- React Family bucket 03WebPack build development environment 1
- React Family Bucket 02 perfect scaffolding
- React Family bucket 03WebPack build development environment 1
- React Family Bucket 04WebPack build development environment 2
- 05Hello React route
- React bucket 06 route option in NavLink
- React family bucket 07 route 404 Settings and redirect Settings
- React Bucket 08 route parameter value
- React Bucket 09 Route attribute and route mode
- React family bucket 10 route Prompt TAB explanation
Koa2.x basic Videos (13 episodes)
- Koa2 Basics tutorial 01 Building a development environment
- Koa2 Basics tutorial 02Async and await use
- Koa2 Basics tutorial 03GET Receiving data
- Koa2 Basics tutorial 04POST request received 1
- Koa2 Basics Tutorial 05POST request received 2
- Koa2 Basics tutorial 06KOA-BodyParser middleware
- Koa2 Basic tutorial 07Koa2 native routing implementation
- Koa2 Basics Tutorial 08KOA – Router Middleware 1
- Koa2 Basics Tutorial 09KOA – Router Middleware level 2
- Koa2 Basics Tutorial 10KOA-Router middleware 3 parameters
- Koa2 Basics tutorial 11 Use cookies
- Koa2 Basic tutorial 12EJS template caused
- Koa2 Basics tutorial 13KOA – Static Resource middleware
Fabric. Js Video Tutorial (13 episodes)
- Fabric. Js 英 文 video tutorial: 01 introduction and the first Demo
- 02 Draw simple graphics with Fabric
- 03 Insert a picture
- Fabric.js中文 video tutorial: 04 path usage
- Make your pictures move
- Fabric. Js 英 文 video tutorial: 06 image filter effect
- 07 Color mode and convert to each other
- Filling gradients for shapes
- Fabric.js 英 文 video tutorial: 09 Text editing and property setting
- Fabric. Js 英 文 video Tutorial: 10 Event listening
- The combined display of 11 objects (1)
- The combined display of 12 objects (2)
- 13 Serialization and deserialization
CocosCreater Hands-on Tutorial (10 episodes)
- CocosCreator combat video tutorial “Brave the basement” 01
- CocosCreator combat video tutorial “Brave the Basement” 02
- CocosCreator combat video tutorial “Brave the Basement” 03
- CocosCreator combat video tutorial “Brave the basement” 04
- CocosCreator combat video tutorial “Brave the basement” 05
- CocosCreator combat video tutorial “Brave the basement” 06
- CocosCreator combat video tutorial “Brave the basement” 07
- CocosCreator combat video tutorial “Brave the Basement” 08
- CocosCreator combat video tutorial “Brave the basement” 09
- CocosCreator combat video tutorial “Brave basement” 10 end
Thank you very much for your tip, you can follow these steps to earn the privilege.
1. Scan technology fat wechat QR code, add technology fat as friends. (Qr code below)
2. Send screenshots of your rewards to Tech Fat.
3 technology fat pull you into the wechat group, privileged access to the way in the group announcement.