(2018 dry goods Series II) integration of the latest HTML5 learning routes, 2018html5
How to Learn HTML5
HTML5 is the core language of the world wide web. The fifth major modification to an application of Hypertext Markup Language (HTML) under the standard universal markup language improves the user experience, and HTML5 technology is used across platforms, adapting to multiple terminals changes the development of traditional developers for different operating systems.
For different groups of people, learning can be divided into the following categories. If you don't talk much about it, just pick it up!
HTML5 Junior Development Engineer
- HTML5 course Introduction
- Internet Development Trend
- Advantages of the H5 Language
- Easy to learn and programming for everyone
- H5 employment and salary
- Common H5 projects and products
- Future and direction of H5
- HTML Basics
- HTML introduction and history versions
- Common development software
- Common tags and attributes
- Tables and forms
- Tag standardization and tag Semantics
- Practice: webpage structure layout
- CSS Basics
- Css introduction and basic syntax
- Common style attributes
- CSS selector and tag type
- Understanding the box model and CSS resetting
- Floating and positioning
- Use photoshop tools to measure styles
- HTML + CSS development webpage
- Practice: High imitation e-commerce homepage Effect
- CSS3 Basics
- Css3 common styles
- Css3 Selector
- Deformation and animation
- 3D effects and key frames
- Elastic Box Model
- Mobile Terminal Layout
- Basic concepts of Mobile Terminals
- Viewport window settings
- Mobile Terminal Layout Scheme
- Rem, FLAC, vw, and other units
- Responsive Layout
- Bootstrap framework
- JavaScript Basics
- JS Introduction
- JS Variables
- Data Type and type conversion
- Operator and priority
- Process control-if... else
- Process control-switch... case
- Process control-while, do... while, for Loop
- Break and continue syntax
- Function Definition and call
- Global variables and local variables
- Function transfer involved Return Value
- Function scope and variable scope
- Basic DOM operations
- Timer usage
- This directs to and modifies
- Array, string, and other operations
- Time object and regular object
- Common BOM operations
- Common events and event details
- JSON and AJAX
- JSONP cross-origin operations
- Use of front-end cookies
- Practice: JS works with HTML and CSS to complete e-commerce projects
- Jquery framework
- Introduction to the jquery framework and advantages
- Core Idea of jquery
- Common jquery Methods
- Jquery animation operations
- JqueryAJAX operations
- Jquery tool Method
- Use jquery to quickly develop web pages
- PHP Basics
- PHP introduction and basic syntax
- Mysql database and SQL syntax
- Apache server and integrated development tools
- PHP Connection database
- PHP and AJAX Interaction
- Practice: message board, logon, registration, etc.
- Basic H5 Project
- Project Overview
- Project function demonstration
- Project Division and framework
- Compile the HTML page Structure
- Set CSS styles
- Add JS Interaction
- Optional frameworks: bootstrap, jquery, PHP, etc.
- Project debugging and compatibility
- Project Acceptance
HTML5 senior Development Engineer
- Object-oriented Basics
- Object-oriented Overview
- Relationship between objects and constructors (classes)
- Object Attributes and Methods
- Prototype and prototype chain
- Packaging object and internal implementation
- Object implementation inheritance
- Design Mode and practical application
- JavaScript advanced
- JS algorithm and Sorting Algorithm
- Promise asynchronous Processing
- Motion and tween Algorithms
- Closure and modularity
- JS component development
- Create a small jquery framework
- JS Performance Optimization
- ES6 New Features
- Front-end Engineering
- Basic use of gulp
- Less, sass, babel, and other pre-compilation frameworks
- Understanding module concepts, AMD and CMD specifications
- Front-end module framework seaJS and requireJS
- Basic use of webpack
- Multi-person collaboration
- Svn basic usage and visualization tools
- Multi-person development process
- Git basic usage
- Command Line operations
- Partition and branch
- Remote github operations
- Practice: Collaborative Development Projects
- HTML5 New Features
- Canvas plotting
- Svg plotting
- Audio and video
- Local and offline storage
- Geographic Information
- Web Worker
- Web Socket
- NodeJS Basics
- Concepts and usage of node and npm
- Node module Mode
- Common built-in node modules
- Node crawler and Automatic File Processing
- Node to build servers and simple routes
- Mongodb non-Relational Database
- Mongodb installation and Database Operations
- Mongodb addition, deletion, modification, and query
- Combined Development of mongodb and node
- Mongoose Data Modeling
- Combined Development of mongoose and node
- Express framework
- Middleware and ejs template engine
- Robomongo and postman tools
- Express + mongoose build backend framework
- Design Restful APIs
- Practice: Separate development at the front and back ends
- End Development
- Mobile interaction and mobile events
- Scenario and swiper framework
- Public Account Introduction
- Webpage authorization and JSSDK
- Web Developer Tools
- Applet Development
- Practice: synchronous development of public accounts and mini-Programs
HTML5 Development Engineer
- VueJS framework
- Introduction to Vue framework
- Progressive and responsive
- Template syntax and computing attributes
- Command and Data Processor
- Lifecycle
- Communication between components
- Vuex Status Management
- Vue animation and Routing
- Single file components and scaffolding
- Vue-based component framework
- Practice: Full-stack development of Vue and Node
- ReactJS framework
- React framework Overview
- JSX syntax
- Communication between components
- Attribute and status settings
- Virtual DOM
- Lifecycle
- Redux Architecture
- Use react-redux
- Use react-router
- Mem scaffold usage
- Practice: Full-stack development of React and Node
- AngularJS framework
- Introduction to Angular framework
- TypeScript basics and advanced
- Development Environment Configuration
- Architecture, modules, and components
- Template, metadata, and data display
- Serving commands
- Dependency Injection
- Routing
- Practice: Full-stack development of Angular and Node
- Hybrid App development
- App introduction and Classification
- Communication between Android/ios and H5
- Cordova/Phonegap framework
- HTML5 + HB-based tool
- React Native
- Front-end architecture
- Unit Test and Writing Test Cases
- Automated Testing Solution
- Front-end security and HTTP protocol
- Project launch and one-click deployment
- Data Statistics and SEO Optimization
- Build Component Library and load on demand
- Browser rendering and browser engine
- In-depth understanding of backend Development Models
