广东WEB前端编程攻城狮培训班

【技术介绍】

1.深入全面、着重实战

技术体系全:

包含了主流的前后端技术，开发者根据体系内容的学习掌握,可以独立完成整个项目的前后端工作。体系中涵盖了，web前端的基础部分、响应式页面布局、动态特效制作、Vue、Uniapp、React框架全家桶、PHP、MySQL、面向对象、ThinkPHP框架、FastAdmin后端敏捷开发、Laravel框架，Memcached和Redis缓存应用，以及项目上线部署等相关开发核心知识，同时我们嵌入了AI模块,在日常开发中熟练使用AI工具帮助我们解决各种开发层面的难题，在课程体系中带入了市面上的一些主流的AI模型，无论是在代码编程中还是在运行端都利用AI工具进行辅助让我们的程序更加有效率，以显著提升学员的竞争力和适应未来开发需求的能力。

技术内容:

各模块知识内容全方面细致讲解、各种语法详细剖析、插件/组件一步一步封装、每个开发框架实现原理详细解读。

项目实践多:

讲师一边解读课程内容，一边让学生练习掌握知识点，全程指导。

【适合人群】

【训练目的】

能独立完成大型实训项目

【技术大纲】

AI模块: AI辅助工具搭建与运用

主流AI辅助工具应用

AI辅助编程工具搭建、实时生成代码片段、注释转代码、单元测试生成

设计有效的提示(Prompt),更高效地与A1系统进行交互，使AI成为更加强大的助手和工具

使用AI辅助生成技术文档/API文档

使用AI辅助生成模拟数据(如JSON结构、数据库测试数据)

通过AI辅助描述语言错误,获取解决方案

通过AI将设计稿转换为React/Vue代码

后端与数据工程使用AI分析SQL准确性以及查询效率，自然语言转SOL查询

对接AI平台的API接口开发智能客服/自动化报表工具/用AI工具重构旧代码库

模块一:全面掌握WEB前端语言

01.全面掌握HTML 5前端语言及应用

02.全面掌握CSS3前端语言及应用

03.WEB布局实战篇

04.项目版本控制

项目验收一:

项目名称:电子网静态网页、国外门户一站式网页

项目要求:

根据给定的PSD设计稿实现静态网页布局

页面布局要合理，如:要考虑到与后端代码结合输出时的结构

项目要完整，不能遗漏页面

涉及到技巧:

DIV+CSS的基本布局技巧、弹性盒子、圣杯布局等

目的:

该阶段掌握DIV+CSS的布局技巧，并能独立完成Web网站大部分的布局效果，为后面继续学习打下基础

成品展示:

作品展示

成品介绍

项目验收二:

项目名称:layaBox静态交互网页

项目要求:

给做好的HTML静态网页(电子网)添加动效

1、用原生JAVAScript给项目添加轮播图、选项卡、手风琴等常见特效

2、用Jquery为项目添加轮播图、选项卡、手风琴等常见特效

3、使用[swiper、superslide、wow.js]等常见插件库为项目添加动效

使用Bootstrap框架实现一个响应式网页(layabox)的制作

1、使用栅格系统、排版实现页面布局

2、使用Bootstrap组件快速实现模块化布局

3、使用Bootstrap插件实现动态效果

4、使用FontAwesome、lconFont等字体图标

成品展示:

模块二:全面掌握WEB后端功能

01.环境搭建

02.LINUX基础

03.PHP语法

模块三:精通流行的项目开发框架

01.ThinkPHP5 + FastAdmin 框架开发

项目验收四:

项目名称:在线云课堂

项目要求:

使用Thinkphp+FastAdmin 框架开发一个前台+后台的在线云课堂项目

前台涉及的功能与页面如下所示:

(1)注册、登录、验证码、邮箱验证功能

(2)会员中心，个人资料修改，城市地区联动

(3)课程列表、课程购买，课程观看，评论等功能

后台涉及的功能与页面如下所示:

(1)后台管理员权限管理

(2)课程管理，对课程资料视频，价格新增与编辑

(3)会员管理，拥有完整的公海，私海ERP系统

(4)数据分析，对近期的订单，消费记录，新增客户人数进行分析

成品展示:

作品展示

成品展示

02.Laravel框架实战

项目验收五:

项目名称:未来资讯博客

项目要求:

使用Laravel框架实现一个动态网站

前台涉及到的页面和功能如下所示:

(1)输出前台内容

(2)界面美观，输出正常，页面切换正常

(3)页面包括:首页、科技、文化、生活、关于我们

(4)功能包括:二级导航切换、分类输出、搜索功能等

后台涉及到的页面和功能如下所示:

(1)实现后台登录功能

(2)实现网站各个模板的管理功能:

1、导航管理、文章管理、文章分类管理

2、管理员管理:包括管理员和角色管理

3、系统管理:包括系统基本配置管理和系统日志等

成品展示:

作品展示

模块四: NodeJS+VueJS 框架开发

01.掌握NodeJS核心开发技术

02.VueJS前端核心框架开发

项目验收六:

项目名称:家居商城

·技术要点:

Vue脚手架 + Vue路由 + Vuex+ Axios + Vite + VantUl+接口封装

涉及功能:

(1)对Vue路由、接口能功能进行封装

(2)使用VantUI框架，对项目中页面进行布局

(3)注册、登录、会员中心、个人资料、充值等功能

(4)热销商品、商品分类、商品详情、购物车管理商品立即购买,客户联系,订单管理,物流跟踪

成品展示:

作品展示

成品展示

模块五:微信小程序+混合APP

01.掌握微信小程序核心技术

02.掌握混合式APP开发核心技术

项目验收七:

项目名称:微信小程序项目-王者荣耀故事站

微信端网站，页面排版布局、交互体验必须正常访问和操作，按照微信小程序官方文档进行开发，网站主要是前台功能操作展示

前台涉及到的页面和功能如下所示:

(1)首页:顶部显示英雄分类，分类显示不同的英雄列表(下拉刷新效果、上拉加载效果);

(2)英雄详情:首页的英雄，可打开英雄详情页，显示图文内容介绍，图片可放大预览;

(3)故事语音页:顶部显示故事分类，分类显示不同的故事列表(下拉刷新效果、上拉加载效果)，每个故事会有多条语音数据，对应语音，通过小程序 API接口 播放语音功能;

(4)故事皮肤页:显示所有故事皮肤列表(下拉刷新效果、上拉加载效果);

(5)皮肤详情页:列表的皮肤，可打开外部皮肤网站，显示完整的皮肤内容介绍;

(6)个人中心页:通过小程序进行授权登录，获取微信用户信息，顶部会显示微信头像、呢称。

成品展示:

项目验收八:

项目名称:混合式(Hybrid)APP项目仿豆瓣网APP

项目要求:

混合式(Hybrid)APP网站,页面排版布局、交互体验必须正常访问和操作,使用前端MUI框架、HBuilderX编辑器开发，网站主要是前台功能操作展示。

前台涉及到的页面和功能如下所示:

(1)首页:获取正在热映的电影，以列表形式展示(下拉刷新果上拉加载效果)，电影信息包括封面图、电影名称、剧情分数、导演、主演等

(2)搜索页:顶部广告轮播图，中部设置豆瓣Top250、北美票房榜两个版块，下方是即将上映的电影列表，异步Ajax可操作“想看”;

(3)点豆瓣Top250版块，显示对应的电影列表，顶部显示Top排名，点切换不同的排行榜列表数据(上拉加载效果)

(4)点北美票房榜版块，显示对应的电影排行榜列表(上拉加载效果);

(5)点每部电影进入详情页，显示电影封面图，名称、上映时间、地点、型、导演、剧情简介、演员列表、评论列表、豆瓣评分等;

(6)点电影的每位演员，可进入影人页，显示演员名称、个人简称、代表作品(名称、评分);

(7)设置页:可打开意见反馈页，给开发者反馈相关问题;可清除缓存数据;可打开关于我们页，显示开发者内容介绍。

成品展示:

项目验收九:

项目名称:商品进销存系统

技术要点:

UniApp脚手架搭建+uView+接口封装+微信小程序API+后端服务加密

项目要求:

(1)使用Ul框架组件进行页面布局

(2)接口请求加密

(3)微信一键授权登录

(4)微信模板消息、微信个人资料、微信分享功能等

(5)多端兼容，兼容H5端、App、微信小程序端

(6)注册，登录，绑定账号，控制台，数据分析权限等

(7)供应商、入库管理、入库审核、库存盘点等功能

成品展示:

作品展示

作品介绍

模块六: React+Typescript 框架开发

01.掌握REACTJS开发核心技术

02.Typescript基础语法

项目验收十:

项目名称:仪器租赁项目

技术要点:

create-react-app+ react-router-dom+ craco + antd + axios+后端服务加密

项目要求:

(1)使用UI框架组件进行页面布局

(2)接口请求加密

(3)注册,登录,绑定账号,控制台,数据分析权限等

(4)产品租赁、归还、退押金、联系我们

成品展示:

作品展示

作品介绍

项目验收十一：

项目名称:酒店预约项目

技术要点:

vite + react-router-dom + antd-mobile + axios + typescript + Redux

项目要求:

1、搭建项目全家桶开发环境

2、封装请求库,对接口数据进行加密对称处理

3、有会员中心、预约、订单、支付等功能模块

4、项目打包部署优化上线

成品展示:

作品展示

作品介绍

成品展示

【教学优势】

我们深知服务质量对于学员学习体验的重要性。因此，技掌门提供全方位的学习支持，包括：

个性化学习辅导：根据学员的背景和目标，定制个性化的学习路径。

小班师徒制：小班制，让师傅更好帮每个徒弟进行指导。

实战项目：通过参与真实项目，让学员在实践中学习和提升。

职业指导：提供职业规划和就业指导，帮助学员顺利步入职场。

持续学习资源：提供丰富的在线资源和社区支持，鼓励学员持续学习和成长。