Geek Web Large front end expert Development Engineer Training Video Tutorial
Tutorial:
Http://www.fu83.cn/thread-355-1-1.html
Course Catalogue:
1. Into the world of front-end engineers
HTML5
The difference between 1.HTML5 and HTML4
2.HTML5 new body structure elements
3.HTML5 new non-principal structure elements
4.HTML5 new elements and attributes for a form
5.HTML5 form new elements and attributes (cont.)
6.HTML5 types of modified input elements
7.HTML5 Enhanced page elements
8.HTML5 editing API Range object (i)
9.HTML5 editing API Range object (ii)
10.HTML5 Audio Video
11.HTML5 Drag and drop
Use of 12.html5canvas tags
13.html5canvas using Paths
14.html5canvas drawing a gradient shape and drawing a deformed shape
15.html5canvas Graphic Drawing Processing
16.html5canvas applications
17.SVG
Application of 18.html5fileapi
Advanced application of 19.html5fileapi
20.Web Storage
21.HTML5 Application Cache and Webworkers
22. Server Push Events
23. Responsive Layout Basics
24. Bootstrap of responsive layouts
25. Build app layouts and pages with HTML5
CSS3
1.CSS Getting Started Basics
2.CSS Basic Style explanation
3.CSS positioning
4.CSS Box Model
5.CSS Common operations
6.CSS Selector
7.CSS Animation-page effects
8.HTML and CSS Simple page effect instance
9.CSS3 Selector details (i.)
10.CSS3 Selector details (ii.)
11.CSS3 Selector Details (iii)
12.CSS3 text and font-related styles
13.CSS3 box-related styles
14.CSS3 background and border-related styles
15.SVN Introduction and Application
Animation features in the 16.CSS3
17. Older browsers support HTML5 and CSS3
18.CSS3 Layout Properties Full Contact
Primary Development Engineer Combat
1.HTML5: Picture and label Production page
2.HTML Combat-Geek College Play video page layout
3.HTML5 Development Project Combat: Photo Wall
4.HTML5 Development Project Combat: Navigation Bar
5.HTML Combat-Geek College Path map page layout implementation
6. Bootstrap of responsive layouts
Preliminary front-end development engineer face question
1. Junior front end engineer face question
Intermediate Web Front end engineer
Javascript
1.JavaScript Basic Tutorials
2.JavaScript Syntax Explanation
3.JavaScript function
4.JavaScript exception handling and event handling
5.JavaScriptDOM objects
6.JavaScript Event Explanation
7.JavaScript Built-in objects
8.JavaScriptDOM Object Control HTML element detailed
9.JavaScript Browser Object
10.Javascript Waterfall Stream
11.JavaScript Object-oriented explanation
12.JavaScript Regular Expressions
Intermediate front-end development Engineer Common Library--jquery
1.jQuery Introduction and syntax
2.jQuery Selectors and events
3.jQueryHTML capture, settings, element additions, element deletions
4.jQuery effects hide and show, fade in Fade, swipe, callback
5.jQueryAJAX of asynchronous access and loading fragments
Expansion and noconflict of 6.jQuery
7.jQueryCSS operation and jquery box model
Traversal of elements in 8.jQuery and filtering of elements
9.jQuery Menu
10.jQuery instance: Tag switching
Intermediate front-end development Engineer Common Library--jqueryui
1.jQueryUI Download and use
2.jQueryUIInteractions
3.jQueryUIWidgets (1)
4.jQueryUIWidgets (2)
Intermediate front-end development Engineer Common Library--backbone
1.Backbone Overview
Intermediate front-end development Engineer Common Library--angularjs
1.AngularJS Getting Started
2.AngularJS Advanced
3.AngularJS Advanced-services and instruction use
4.AngularJS built-in service $http use
Use of 5.AngularJS advanced-directive
6.AngularJS mobile App Development
Intermediate front-end development Engineer Common Library--bootstrap
1.Bootstrap Introduction
2.BootstrapCSS grids, codes, and tables
3.BootstrapCSS forms, buttons, and pictures
4.Bootstrap Component drop-down menu, button Group, Button drop-down menu
5.Bootstrap input frame groups, navigation, and navigation bars
6.Bootstrap Media objects, panels, and well
7.Bootstrap transition effects, modal boxes, and drop-down menus
8.Bootstrap Basic Components
9.Bootstrap warning boxes, progress bars, and list groups
10.Bootstrap scrolling Monitoring, tabs, and tooltips
11.Bootstrap instances
12.Bootstrap Advanced
Intermediate front-end development Engineer Common Library--reactjs
1.React Overview
2.JSX Grammar and features introduction
3.React Component Life Cycle detailed
4.React Properties and Status explanations
Usage of events in 5.React
Collaborative use of 6.REACT components
7.React form Explanation
Project Combat
1.HTML5 Development Project Combat: List Switching
2.HTML Combat-Tag switching effect
3.jQuery instance: Tag switching
4.HTML5 Development Project Combat: Phantom button
5.Javascript Waterfall Stream
6.jQuery Waterfall Stream
7.HTML5 Development Project Combat: Side Bar Fixed
8.HTML5 Combat: Back to the top of the feature implementation
Intermediate front end engineer face question
1. Intermediate front-end engineer face question
Advanced Web Front End engineer
CSS changes in the project
1. Object-oriented CSS
2.Less Introduction and Application
3.SASS Introduction and Application
4.CSS Post processor
Project Building and deployment
1.Grunt Introduction and Application
2.Gulp Introduction and Application
3.Bower Introduction and Application
4.Yeoman Introduction and Application
5.FIS Introduction and Application
6. Deep understanding of GIT remote operations
7.Git Remote Collaboration
8. Understanding the role of push.default configuration in Git
9. Using Git for problem targeting and code lookup
10.SVN Introduction and Application
Libraries and practical techniques used in front-end
1.JavaScript Modular
2.JavaScript Data push
3.JavaScript Advanced Functions
4.JavaScript Advanced Tips
5.JavaScript Plane-oriented programming
6.JavaScript Multithreading
Common design Patterns
Introduction to 1.JavaScript Design Patterns
2.JavaScript design mode single case mode
The constructor mode of 3.Javascript design pattern
4.Javascript Design Model Builder mode
5.JavaScript design mode Factory mode
Appearance mode of 6.JavaScript design mode
Proxy mode of 7.Javascript design mode
Observer patterns for 8.JavaScript design patterns
Strategy mode of 9.JavaScript design mode
10.JavaScript design mode Command mode
11.JavaScript design mode iterator mode
Responsibility chain mode of 12.JavaScript design mode
13.JavaScript Design Mode Adapter mode
Template method of 14.JavaScript design pattern
Prototype mode of 15.JavaScript design mode
Front-end development other types of engineers cooperate
1. The front-end engineers and artists to cooperate with those things
2. Work with node. js
3. Work with the Product manager
4. Match PHP with those things
Web Security
1.Web Safety Introduction and Basic primer knowledge
2.XSS Getting Started and introduction
3. Cross-site forgery request (CSRF)
Windows&linux Foundation
1.Linux users, groups, and permissions
2.SSH Service Practical Application
3.bashshell of Learning
4. File compression and Packaging
5.Linux File and directory management
NodeJS
1. First knowledge of node. js
2.node.js Development Environment Construction
3.node.js Practical Project development: Geek College "technical Quiz"
4. Use loopback to quickly build a user system
5. Next-generation Web development framework based on node. JS Platform KOA
6.NodeJS Crawler System
Game development
1.TypeScript Environment Construction
2.TypeScript Basic data types
3.TypeScript Class (Classes)
4.TypeScript function
5.TypeScript Interface (Interfaces)
6.TypeScript generics
7.TypeScript Module
8.Egret Combat Development Games: Measuring concentration
9.Egret Environment Construction
10.Egret Display Objects
11.Egret Display Container
12.Egret event mechanism
13.Egret drawings, text, animations, and timers
14.Egret Bitmap Textures
15.Egret Sound and network
16.Egret Instance and screen fit
17.EgretGUI Library
18.cocos2d-js First Step
19.COCOS2D-JS Basic Mathematics knowledge
20.COCOS2D-JS Basic Elements
21.cocos2d-jsaction Action and effects
22.cocos2d-jsv3 Object Buffer Pool
23.cocos2d-jsv3 Event Manager
24.cocos2d-jsv3 Object
25.cocos2d-jsv3 Workflow
26.cocos2d-jscocosstudio2.x Base Controls
27.cocos2d-jscocosstudio2.x container controls
28.COCOS2D-JS Virtual Handle
Senior Web Front End engineer
Senior front-end development engineer face questions
1. Senior front-end development engineer face questions
Expert Web front-end engineer
GoogleV8 engine
Practical application of the 1.GOOGLEV8 engine
[Web site] Geek Web large front end expert Development Engineer Training Video Tutorial