包含课程

• 

  
  2506人 学习人数

  4.5分 课程评分
  20个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. 烟囱冒烟动画效果

  编程语言

  Web全栈

  HTML5/CSS

  css3

  动画

  免费试学 查看详情
• 

  
  1664人 学习人数

  4.2分 课程评分
  Vue+Typescript+Express+Mongodb 短链接平台全栈开发实战

  大喵将手把手带着大家，使用Vue-cli3.x脚手架工具、Typescript、Express、Mongodb、QRCode 等等工具，搭建我们的短链接平台，而且为了方便大家在vue项目学习使用Typescript，大喵在开发的时候，会首先使用vue+js开发一版这个平台；开发完成之后呢，我们再接着使用vue+ts这种方式，重新开一个项目，单独再对比JS版的项目开发一版TS的项目；这样呢，可以让大家对TS+VUE项目开发，有更加清楚的认识和理解，并且也可以给大家重构Vue+JS前端项目开发提供思路及基本路线；

  Vue+Typescript实战

  Vue.js项目实战

  Typescript实战

  Express+Mongodb后端接口实战

  前端全栈开发

  免费试学 查看详情
• 

  
  215人 学习人数

  4.5分 课程评分
  Web Components 新前端组件新手菜鸟快速入门与实战

  本套课程，大喵将带着大家手把手从 0 到 1，从菜鸟零基础到熟练掌握，使用 Web Components 基于原生的新 前端组件技术，用有趣的堆积木的方式，开发实战一个带动画交互的组件式移动端 WEB 应用。 组件式开发是前端发展的方向，现在流行的 React 和 Vue 都是组件框架。 如果你不想调用任何的JS框架，却想要基于原生组件式开发，独立封装JS、HTML、CSS内容，而且想要一次编写，到处使用呢？ 答案那就是 Web Components，我们一起去看看是什么吧！ 什么是 web components ？ Web Components 是允许我们创建可重用的定制元素（即组件）的一种技术，可以在你喜欢的任何地方重用，不必担心代码冲突，本质就是组件化。由于web components是由w3c组织去推动的，因此它在不久的将来一定成为浏览器的一个标配组件化技术 让大家能够快速短时间内掌握这门 Web Components 原生组件化技术，下面的移动端应用就是我们要基于原生组件实现的移动端 WEB 应用，一起来安利一波儿吧 ~~ 

  Web全栈

  JavaScript

  components

  web

  前端组件化

  免费试学 查看详情
• 

  
  543人 学习人数

  4.2分 课程评分
  仿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 来统一管理。

  mvvm

  框架

  Web全栈

  Vue

  响应式

  免费试学 查看详情
• 

  
  378人 学习人数

  4.5分 课程评分
  Node + Redis 接口性能优化实战

  为什么要使用Redis优化接口性能？ ----- 原因很简单，快！非常快！ 如果遇到大并发，高负载的网站中你是必须要考虑redis的，redis数据库中的所有数据都存储在内存中。由于内存的读写速度远快于硬盘，因此Redis的的的在性能上对比其他基于硬盘存储的数据库有非常明显的优势。我们在碰到需要执行耗时特别久，且结果不频繁变动的SQL，就特别适合将运行结果放入缓存，这样，后面的请求就去缓存中读取，请求使得能够非常迅速的响应，极大的提升我们的API接口的性能。

  redis

  性能优化

  Web全栈

  JavaScript

  Node.js

  免费试学 查看详情
• 

  
  1637人 学习人数

  4.7分 课程评分
  Nuxt.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组件库的使用；

  Web全栈

  JavaScript

  Vue

  angular

  ui

  免费试学 查看详情
• 

  
  2579人 学习人数

  4.3分 课程评分
  Electron新手入门实战

  本课程大喵将手写每一行代码，手把手带着大家从环境搭建开发，逐步开发一个零基础入门级的实战项目；通过基础实战项目来快速学习掌握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开发项目是一个非常不错的选择。

  Web全栈

  JavaScript

  Node.js

  windows

  github

  免费试学 查看详情
• 

  
  750人 学习人数

  4.6分 课程评分
  NW.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）轻松愉快地快速开发新一代跨平台桌面客户端应用。

  跨平台

  Web全栈

  Node.js

  javascript

  windows

  免费试学 查看详情
• 

  
  336人 学习人数

  4.3分 课程评分
  Javascript水墨特效照片生成平台前端组件化项目实战课程

  亮点一：对新手和初学者友好 大喵全程手写代码，新手和初学者完全跟得上，只要有一定的H5、C3 、JS基础，都是可以无障碍学习这门特效照片生成平台实战课程开发的 亮点二：照片上传网页截图开发 涉及到工作开发中常用的图片上传处理，及网页定点定位功批量截图功能开发，  亮点三：新组件式开发封装 课程的最后，我们采用了前端原生组件web components封装我们已经开发完成的平台，让我们的平台更易拆分，更加方便移植，顺带学习一门新兴的前端组件化开发方式。  

  web前端

  网页截屏

  html5

  组件化开发

  Web全栈

  免费试学 查看详情
• 

  
  2045人 学习人数

  4.2分 课程评分
  Node+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 后台服务创建

  typescript

  Web全栈

  Node.js

  express

  windows

  免费试学 查看详情
• 

  
  1360人 学习人数

  4.6分 课程评分
  Vue3.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项目做技术上的升级迁移；

  全栈开发

  vuex

  vuex@4.x

  Vue

  vue.js

  免费试学 查看详情