西安灞桥区web培训学完工资多少

城市刚入职起薪8K‌‌-1W，二线城市刚入职起薪4K-6K，工作之后根据个人能力和项目经验平均年涨薪幅度在1K-2K，2-3年项目开发经验，根据工作城市，国内外差异，*范围在1W-5W左右

Web前端的职位规划：

网页制作——网页制作工程师——前端制作工程师——网站重构工程师——前端开发工程师——前端开发工程师——前端工程师——前端架构师

“手把手”带你完成企业真实项目开发！达到独立完成企业CRM、ERP、OA系统的水平！
Web方向网站开发，电商平台也可以轻松搞定！

Web前端课程体系概述：
数据库，H5基础，Websevers,Ajax,
web核心技术：CSS3，H5*，JS*，JQuery，DOM编程，Bootstrap，VueJS，AngularJS,移动端开发：Web APP，React.JS,Native,混合APP框架
Web全栈进阶：Node.JS,常用JS框架

项目案例
一、实现自适应专题页面，展示产品特性，设置留言板收集用户信息。
二、实现页面的整屏显示，轮播和切换，可通过菜单栏和右侧切换图标进行页面切换
三、媒体查询实现响应式布局，搭建企业整个网站，实现轮播图切换，导航栏切换，切入子页面，页面动态效果等。
四、基于html+css布局，定位与浮动，原生js制作选项卡等内容，实现不同模块形式显示，文字的交互效果，导航切换，然后实现电商平台首页。

班型设置：脱产班、周末班

、配置webpack

在项目根目录下面新建webpack.config.js，内容如下：

webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_module/,
        use: 'babel-loader'
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'] // 注意排列顺序，执行顺序与排列顺序相反
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html'
    })
  ]
}

其中HtmlWebpackPlugin使用自定义的模版来生成html文件，模版的内容如下：

./src/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>My React App</title>
</head>
<body>
  <div id="app"></div>
</body>
</html>

配置babel

在项目根目录下面新建.babelrc文件，配置我们安装的两个babel preset：

.babelrc

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}

生成react应用根节点

./src/index

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';

ReactDOM.render(<App />, document.getElementById('app'));

./src/component/App.js

import React, { Component } from 'react';
import './App.css';

export default class App extends Component {
  render() {
    return (
      <div>
        my react webpack starter
      </div>
    )
  }
}