VueElasticSearch+Vue3 入门实战
本套课程，大喵将手把手带着大家，从零开始搭建和配置 Elasticsearch、Kibana，Elasticsearch-head 相关工具包。详细讲解Kibana的索引和文档数据操作； Node.JS操作Elasticsearch索引以及文档数据，包括索引的创建、删除、查询、插件、文档操作（新增/批量新增/更新/删除/查询/高亮查询等）； 最后，我们会以一个前后端完全分离的项目实战，带着大家使用 koa2，Elasticsearch，Node.js，Axios，Cheerio, Vue3，Vant 等前端后端爬虫等技术栈，完整地开发一个移动端，书本搜索查询的移动端应用，让大家可以更加清晰地熟悉，如何运用Node.js等相关技术来操作使用elasticsearch索引库。
共36节 178人已学习¥79.0 免费试学
Vue微前端新手入门实战课程
微前端的介绍微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具，而是一套架构体系。微前端的价值1. 技术栈无关 主框架不限制接入应用的技术栈，子应用具备完全自主权2. 独立开发、独立部署 子应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新3. 独立运行时 每个子应用之间状态隔离，运行时状态不共享课程内容大喵将带着大家，从零开始使用 Vue.js、React.js、HTML技术从零开始构建我们的微前端项目。整个项目将采用qiankun 微前端框架来搭建我们的主应用基座，来接入我们的多种不同技术开发的子应用；整个项目涉及到项目的从零开始构建、qiankun核心API在项目的使用场景的详细讲解、npm scripts 工作流的统一管理配置、多个项目间数据管理和数据通信、webpack打包输出配置、线上构建部署发布等；小伙伴们学完本套课程，可以完全熟练使用qiankun框架接入自己的进行独立改造，独立开发一套为前端架构为体系的项目。（课程资料在最后一节课附件下载） 适用人群1. 热爱前端技术、喜欢前端开发的小伙伴2. 面临开发大型项目解耦问题3. 考虑优化更好管理团队项目
共22节 233人已学习¥39.0 免费试学
VueVue3.0+Vue-router4.x+Vue4.x 新特性入门实战
本课程大喵将带着大家手学习认识 Vue3.0+Vue-Router4.x+Vuex4.x 全家桶开发新特性新知识点，并且会结合小案例对每个新的Vue3.x新知识点做详细的讲解；在讲解过程中，我们会对比Vue2.x的API特性，使用有哪些区别，实现方式有哪些改变，这样对Vue3.x新手同学就更加的清晰易懂。课程中，我们将会以新手入门案例项目实战紧跟课程内容的方式学习本门课程，方便大家能够快速将Vue3.X新技术运用到日常前端项目开发里面去，让大家熟悉并且掌握 Vue3.0+Vue-Router4.x+Vuex4.x 全家桶的项目实战开发，并且能够学会对老Vue2.x项目做技术上的升级迁移；
共22节 1359人已学习¥19.0 免费试学
JavaScriptJavascript水墨特效照片生成平台前端组件化项目实战课程
亮点一：对新手和初学者友好 大喵全程手写代码，新手和初学者完全跟得上，只要有一定的H5、C3 、JS基础，都是可以无障碍学习这门特效照片生成平台实战课程开发的 亮点二：照片上传网页截图开发 涉及到工作开发中常用的图片上传处理，及网页定点定位功批量截图功能开发， 亮点三：新组件式开发封装 课程的最后，我们采用了前端原生组件web components封装我们已经开发完成的平台，让我们的平台更易拆分，更加方便移植，顺带学习一门新兴的前端组件化开发方式。
共19节 336人已学习¥19.0 免费试学
JavaScriptJavascript 动画入门实战课程
在本课程中，大喵将使用一款流行的JS动画框架GSAP.JS动画库，开发新手入门实战性质一个入门级炫酷动画项目，带着大家来体验使用Javascript来高效开发连续关键帧动画的过程；我们会介绍GSAP.JS的基础知识及相关动画API的使用，包括每个动画细节的基本概念和作用，关键帧控制动画，多物体同时动画，随机动画，循环动画，往返动画，文字动画，回调动画的开发介绍；整个课程我们会从一个案例实战开始，带着大家从0到1，在开发过程中学习动画API的使用，更加高效快速地熟练掌握Javascript动画开发；
共12节 1278人已学习免费 免费试学
Node.js新手从零撸一个CLI命令行脚手架工具
课程基础概述本门课程，大喵将会打着大家从零打造一款属于大家自己的 CLI命令行脚手架工具，本课程主要面向新手同学，对命令行工具开发，前端工具开发感兴趣的同学，可以通过本门课程学习到如何使用Node.JS开发一款适配自身项目特色的脚手架命令行工具。并且也会带着大家推送自己开发完成的CLI工具到NPM线上仓库，供所有人下载安装使用。整个课程，大喵会详细讲解所需要依赖的第三方模块包的具体使用，让同学们可以举一反三开发具备自身特色的CLI工具，最终大喵会运用到前面所讲解的基础内容，独立自主开发一个具备 damiao [ add | delete | list | init ] 四种子命令的CLI脚手架工具。CLI命令行工具命令行工具（Cmmand Line Interface）简称cli，顾名思义就是在命令行终端中使用的工具。我们常用的 git 、npm、vim 等都是 cli 工具，比如我们可以通过 git clone 等命令简单把远程代码复制到本地。在目前前端工程大流行的环境下，vue-cli、create-reate-app、angular-cli 等等方便快捷的命令行脚手架工具诞生，极大的提升了我们的开发效率与质量，我们可以通过这些脚手架工具在本地快速构建我们的开发项目。 课程目录结构1、CLI课程介绍 2、CLI课程纲领和讲师介绍3、CLI课程内容概述 4、CLI命令行工具及场景应用5、CLI课程准备工具和技术 6、CLI课程收获和收益 7、CLI课程实战案例介绍 8、npm CLI 命令行工具发展现状9、创建第一个命令行自定义命令 10、process.argv 接收命令行参数11、commander 工具使用介绍一 12、commander 工具使用介绍二13、inquirer 工具使用介绍 14、ora 加载工具使用介绍15、chalk 颜色工具使用介绍 16、download-git-repo 仓库工具介绍17、创建脚手架命令 18、创建命令可执行文件19、damiao add 命令行指令开发 20、damiao add 模板录入校验21、damiao delete 命令行指令开发 22、damiao list 命令行指令开发23、damiao init 初始化项目指令开发 24、damiao init 指令参数输入校验25、damiao 命令行指令测试.mp4 26、创建npm个人账号及发布npm仓库27、全局安装脚手架工具
共34节 676人已学习¥19.0 免费试学
Node.jsNW.JS 跨平台桌面客户端新手快速入门实战
如果你想找的就是一个可以跨平台的、轻量级的图形界面开发的库，轻松快捷地开发新一代桌面客户端软件程序。 那么，大喵给大家推荐NW.JS， 它就像一座灯塔，冥冥之中照亮了桌面UI图形开发前进的方向。 我们来看下它的基本特点： 1. 支持用HTML5, CSS3, JS和WebGL来写应用程序，包括桌面端和移动端； 2. 完全支持Node.js APIs和所有的第三方模块； 3. 性能也不会很差，对于轻量级的应用足够了； 4. 对应用进行打包和发布十分简单，也就是说写一份代码很容易移植到不同的平台（包括主流的Linux, Mac OS X 和 Windows）； 课程基本介绍： 本课程属于 NW.JS新手入门跨平台项目实战课程，适合各个阶段的开发人员，大喵将会教会大家学习NW技术且掌握如何使用前端技术（HTML5，CSS3，Javascript）轻松愉快地快速开发新一代跨平台桌面客户端应用。
共38节 744人已学习¥39.0 免费试学
JavaScriptWeb Components 新前端组件新手菜鸟快速入门与实战
本套课程，大喵将带着大家手把手从 0 到 1，从菜鸟零基础到熟练掌握，使用 Web Components 基于原生的新 前端组件技术，用有趣的堆积木的方式，开发实战一个带动画交互的组件式移动端 WEB 应用。 组件式开发是前端发展的方向，现在流行的 React 和 Vue 都是组件框架。 如果你不想调用任何的JS框架，却想要基于原生组件式开发，独立封装JS、HTML、CSS内容，而且想要一次编写，到处使用呢？ 答案那就是 Web Components，我们一起去看看是什么吧！ 什么是 web components ？ Web Components 是允许我们创建可重用的定制元素（即组件）的一种技术，可以在你喜欢的任何地方重用，不必担心代码冲突，本质就是组件化。由于web components是由w3c组织去推动的，因此它在不久的将来一定成为浏览器的一个标配组件化技术 让大家能够快速短时间内掌握这门 Web Components 原生组件化技术，下面的移动端应用就是我们要基于原生组件实现的移动端 WEB 应用，一起来安利一波儿吧 ~~
共27节 215人已学习¥79.0 免费试学
PythonPython+VSCode IDE 快速开发配置
本套课程系大喵在**2020年****录制课程，大喵将带着大家使用vscode这款轻量级编辑器神器，快速上手Python高效开发、调试及单元测试的插件扩展和 VSCode IDE环境配置； 什么是 vscode 编辑器？ Visual Studio Code（以下简称vscode）是一个轻量且强大的跨平台开源代码编辑器（IDE），支持Windows，Mac OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过插件面板来方便快捷的安装插件来支持javascript、C++、C#、Python、PHP等其他语言。什么是 python ? Python，它是一门编程语言，截止到目前python已经广泛应用在：无人驾驶、个人助理、金融、电商、医疗、教育等各大领域。尤其是在 Web开发、自动化运维与测试、游戏服务器开发方面有着先天的优势。目前许多大型网站就是用Python开发的，例如YouTube、Instagram，还有国内的豆瓣。很多大公司，包括Google、Yahoo等，甚至NASA（美国航空航天局）都大量地使用Python。VSCode + Python VSCode毫无疑问是一款非常优秀的IDE，而Python则无疑是一门使用领域相当广泛，非常强大的高级语言；那我们如何把这两者结合起来，用**美的IDE编写最棒的语言，优雅与**，强强结合，气冲入虹，势不可挡。 课程内容主要包括： 01. 课程内容介绍 02. VSCode IDE 介绍 03. 为什么推荐使用 VSCode IDE 04. Python 语言基础介绍 05. 为什么选择 Python 语言 06. VSCode和Python 强强联手 07. 课程插件扩展介绍 08. Python扩展安装及介绍 09. Python扩展代码测试 10. AREPL安装和介绍 11. AREPL for Python 特点介绍 12. AREPL 代码功能测试 13. autoDocstring 安装和介绍 14. autoDocstring 代码测试使用 15. python test explorer 安装和介绍 16. Python pytest 测试和使用
共16节 10282人已学习免费 免费试学
Node.jsNode+Typescript 新手入门环境配置
本套课程大喵将从零带着大家搭建 Node+Express+Typescript（开发、生产、构建）环境，首先大喵会带着大家在三种系统（windows、mac、linux）搭建node.js环境，并且会详细讲解 typescript 所有指令和tsconfig.json中所有的配置选项的功能和作用，以及每个配置项之间的关联，深入学习掌握了解 Typescript（tsc）命令行工具，为学习typescript，解决vue+typescript以及react+typescript项目异常报错，代码规范处理，提供夯实的基础知识。课程目录及大纲：01. Node+Tpyescript 课程介绍02. 三种系统下安装Node.js03. windows 安装node.js04. mac node.js 安装05. linux下node及npm安装06. Typescript基础介绍07. TSC常用命令介绍08. tsconfig.json介绍09. tsconfig.json基础配置10. tsconfig.json严格类型检测配置11. tsconfig.json 附加检测配置12. tsconfig.json 模块解析配置13. tsconfig.json Source Map配置14. tsconfig.json 实验和高级配置15. 项目目录结构创建16. npm模块包安装17. npm scripts 命令创建18. 基础后台服务创建19. Express+Typescript 后台服务创建
共19节 2039人已学习¥19.0 免费试学
H5/CSS20个CSS3动画实战案例开发
本套课程，大喵将手把手带着大家上手精选20个纯CSS3动画项目精选案例项目实战，让小伙伴们能够轻松上手，企业公司项目开发过程中遇到的页面动画交互效果需求实现，以及一些更加炫酷创意动画想法的实现，成为一名酷酷哒前端开发工程师。本课程为20套CSS3动画实战课程，所集合构成的一套实战课程。适合热爱前端动画的小伙伴们，课程的主要内容包括： 01.3D文字效果制作、02.雪花飘落效果、03.图文模糊效果、04.文字卡片折叠效果、05.六角形效果、06. 进度条颜色跟随效果、07. 动态视频背景效果、08. 按键文字跳动效果、09. 弹跳小球效果、10. 3D翻折菜单导航效果、11. 3D圆环层叠动画效果、12. 水波浪球起伏效果、13. 遮罩透明滤镜文字效果、14. 阴阳无极八卦阵效果、15. 文字双屏进入进出效果、16. 炫酷光影加载效果、17. 文字背景水波浪效果、18. 炫酷发光倒影按钮、19. 扁平预加载动画效果、20. 烟囱冒烟动画效果
共20节 2500人已学习¥19.0 免费试学
JavaScriptVue+Typescript+Express+Mongodb 短链接平台全栈开发实战
大喵将手把手带着大家，使用Vue-cli3.x脚手架工具、Typescript、Express、Mongodb、QRCode 等等工具，搭建我们的短链接平台，而且为了方便大家在vue项目学习使用Typescript，大喵在开发的时候，会首先使用vue+js开发一版这个平台；开发完成之后呢，我们再接着使用vue+ts这种方式，重新开一个项目，单独再对比JS版的项目开发一版TS的项目；这样呢，可以让大家对TS+VUE项目开发，有更加清楚的认识和理解，并且也可以给大家重构Vue+JS前端项目开发提供思路及基本路线；
共35节 1664人已学习¥39.0 免费试学
JavaScriptThree.js 零基础新手入门实战
现代浏览器的功能越来越强大，逐渐形成了复杂应用和图形的平台。同时，现有大多数浏览器实现了对 WebGL 的支持，但要直接使用 WebGL 相关接口进行开发，则需要学习复杂的着色器语言，且开发周期长，不利于项目的快速开发。 面对这种情况，Three.js 应运而生，它不但对 WebGL 进行了封装，将复杂的接口简单化，而且基于面向对象思维，将数据结构对象化，非常方便我们开发。Three.js 的发展十分迅速，但是目前入门的相关资料比较少，文档又基本是英文的，于是便有了目前的这个课程。 本课程作为入门课程，主要帮助初学者了解 Three.js 的基本使用，基础 API 以及相关几何模型的创建和使用。大喵将带着大家，手把手敲每一行代码，并且给每一行代码打上批注，帮助初学者达到快速入门的目的。
共8节 1692人已学习免费 免费试学
Vue仿Vue手把手带大家从零开始搭建一款MVVM框架
课程介绍 本套课程，大喵将带着大家手把手，编辑每一行代码，使用原生Javascipt及ES6的一些新特性，仿照目前国内非常流行的Vue框架的源码，开发构建一个属于你们自己的MVVM框架。 让大家能够很清晰的学习及掌握，模板编译，数据绑定，响应式，文档碎片，观察者模式，发布订阅模式等等，这些Vue的核心知识点，都是怎么回事，它们之间有哪些关联，是如何进行双向数据绑定的等等。 在使用vue2.x的核心Object.defineProperty构建完成框架后，大喵也会使用Vue3.0引入的数据劫持的Proxy新特性，来改造我们的MVVM框架，提升我们的框架性能。 最终，大喵会手把手带着大家，从0开始配置webpack.config.js配置文件以及引入babel-loader，配置.babelrc文件，转换我们JS文件中的的ES6语法，最终压缩输出我们的MVVM框架库文件。课程目录 01 手把手搭建MVVM框架 课程介绍、02 文件结构及基础类创建、03 入口类DamiaoMvvm的实现、04 模板编译、05 元素节点解析编译、06 v-model 数据绑定逻辑梳理、07 v-model 数据绑定实现、08 模板文本编译逻辑梳理、09 模板文本渲染绑定、10 观察者Wather逻辑梳理、11 Wather 逻辑实现、12 Object.defineProperty()、13 defineProperty 小案例、14 observer数据劫持梳理、15 defineProperty数据劫持实现、16 发布订阅类实现、17 Proxy 介绍与概述、18 使用Proxy改造MVVM框架、19 使用Proxy实现响应式、20 webpack 打包配置、21 babel 配置及文件输出、22 Mvvm Proxy 框架打包、23 Mvvm 框架搭建课程总结MVVM框架介绍 MVVM是 Model-View-ViewModel 的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVVM架构模式下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。
共23节 542人已学习¥39.0 免费试学
VueVue-cli 3.X 构建工具零基础快速上手
主要课程内容： 本课程的脚手架工具为vue-cli3.11.0的版本，适合零基础新手入门学习这款新版的vue脚手架工具，我们可以使用这样一个工具快速搭建出我们的Vue项目 主要内容涵盖知识点有： 1. 课程介绍 2. 安装Vue Cli 3.x 脚手架工具 3. 搭建本地vue开发环境 4. 使用预设快速搭建vue开发环境 5. 可视化UI操作界面 6. 项目文件目录详解 7. Vue-cli 命令讲解 8. 静态资源(jquery为例)引入项目 9. vue.config.js 配置 vue-cli脚手架的优势： 有一套成熟的vue项目架构设计，能够快速初始化一个Vue项目. vue-cli是官方支持的一个脚手架，会随本版本进行迭代更新。 vue-cli提供了一套本地的node测试服务器，使用vue-cli自己提供的命令，就可以启动服务器。 vue-cli中集成打包上线的方案，极大提升我们的vue项目的开发效率。
共9节 2546人已学习免费 免费试学
Node.jsElectron新手入门实战
本课程大喵将手写每一行代码，手把手带着大家从环境搭建开发，逐步开发一个零基础入门级的实战项目；通过基础实战项目来快速学习掌握Electron的相关API知识点，以及掌握使用Electron构建客户端应用程序的流程，体验Electron客户端开发的魅力和强大；本课程最终，会把我们开发的实战项目代码，分别编译打包输出三个平台（windows、mac、linux）系统所支持的PC客户端应用。 本课程的主要内容： 01. Electron课程介绍 02. Electron项目案例介绍 03. Electron Github源码仓库课程分支 04. 本地环境搭建及初体验 05. 主窗口开发 06. 主窗口页面结构搭建 07. 顶部文件及新增菜单项 08. 开发者工具及刷新菜单项 09. 开发及线上环境配置 10. 子窗口开发 11. 子窗口通信 12. 主窗口通信 13. 清空信息菜单项 14. PC客户端打包（windows、mac、linux） 课程章节代码地址： https://github.com/damiao-classroom/electron-primary 为什么要学习掌握Electron呢? 01. 由于Electron是基于Node.js构建的，也就是说，Electron应用可以调用Node.js中的大量API（包括第三方的API）、如网络、加密、存储等。 02. Electron具备简单快捷开发、WEB技术栈、非常良好的跨平台性、开源社区等特性，决定了使用Electron开发项目是一个非常不错的选择。
共14节 2576人已学习¥19.0 免费试学
ReactReact VR 全景交互项目实战
我们将使用 React VR 这个款VR框架，手写每一行代码，开发一个非常经典的全景VR交互实战项目，适合对 VR 360°感兴趣的同学，也适合了解前沿前端技术的，中高级前端开发工程师；
共10节 1214人已学习免费 免费试学
Node.jsNode + Redis 接口性能优化实战
为什么要使用Redis优化接口性能？ ----- 原因很简单，快！非常快！ 如果遇到大并发，高负载的网站中你是必须要考虑redis的，redis数据库中的所有数据都存储在内存中。由于内存的读写速度远快于硬盘，因此Redis的的的在性能上对比其他基于硬盘存储的数据库有非常明显的优势。我们在碰到需要执行耗时特别久，且结果不频繁变动的SQL，就特别适合将运行结果放入缓存，这样，后面的请求就去缓存中读取，请求使得能够非常迅速的响应，极大的提升我们的API接口的性能。
共10节 376人已学习¥12.0 免费试学
VueNuxt.js+BootstrapVue+Json-server 基础入门到项目实战
为什么要学习服务端渲染 nuxt.js ? 现在我们的项目大多数都是SPA（单页面应用），在实际开发过程中单页面应用比之前的模板渲染要好很多，首先单页面应用是前后端分离，架构清晰，前端负责交互逻辑，后端负责数据，前后端单独开发，独立测试。但是，SPA不利于SEO（搜索引擎优化）。让搜索引擎更为信任该网站，通过提升排名获得更多网站流量，对于某些类型的网站是非常有必要的。目前大部分的Vue项目本质是 SPA 应用，React、Angular也都是SPA应用。SPA应用广泛用于对SEO要求不高的场景中。在我们开发的过程中，我们有 SEO 的需求，我们需要搜索引擎更多地抓取到我们的项目内容，此时我们需要SSR。SSR保证用户尽快看到基本的内容，也使得用户体验性更好。Nuxt.js 是一个 Node 程序，基于vue.js开发的一套服务端渲染的框架，必须使用 Node 环境。我们对 Nuxt.js 应用的访问，实际上是在访问这个 Node.js 程序的路由，程序输出首屏渲染内容 + 用以重新渲染的 SPA 的脚本代码，而路由是由 Nuxt.js 约定好的 pages 文件夹生成的，开发只需要遵循一定的约定，直接使用vue.js开发我们项目也是非常轻松的。课程案例 (1) HOME PAGE (2) Jokes Page （3）About Page 课程概述 在本课程中，大喵将使用 nuxt.js + bootstrapVue + json-server 开发实战性质一个入门级项目，带着大家来体验服务端渲染（SSR ）项目构建的过程；介绍 nuxt.js项目目录的结构，每个文件夹和文件的基本概念和作用，以及nuxt.config.js 配置文件的基本介绍；页面公共结构处理，路由页面跳转配置处理；axios 接口请求；带着大家来熟悉及掌握 bootstrapVue UI组件库的使用；
共20节 1637人已学习¥19.0 免费试学
ReactReact Hooks + Express 前后端响应分页入门实战
React Hooks + express + mockjs 前后端列表分页实战课程，前后端实战课程，大喵将带着大家手写每一行代码，满满的全是干货哟 ~
共16节 1201人已学习免费 免费试学
- 1
李广川
开发组长/高级工程师
多年全栈开发经验及讲师培训经验，资深全栈大前端工程师；科盾科技前端开发主管；舆情大数据安全中心研发经验；
课程数 20 学生数 33285