包含课程

  • 177人 学习人数
    0.0分 课程评分
    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
  • 433人 学习人数
    0.0分 课程评分
    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
    动画
  • 1150人 学习人数
    0.0分 课程评分
    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后端接口实战
    前端全栈开发
  • 188人 学习人数
    0.0分 课程评分
    仿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
    响应式
  • 251人 学习人数
    0.0分 课程评分
    Node + Redis 接口性能优化实战
    为什么要使用Redis优化接口性能? ----- 原因很简单,快!非常快! 如果遇到大并发,高负载的网站中你是必须要考虑redis的,redis数据库中的所有数据都存储在内存中。由于内存的读写速度远快于硬盘,因此Redis的的的在性能上对比其他基于硬盘存储的数据库有非常明显的优势。我们在碰到需要执行耗时特别久,且结果不频繁变动的SQL,就特别适合将运行结果放入缓存,这样,后面的请求就去缓存中读取,请求使得能够非常迅速的响应,极大的提升我们的API接口的性能。
    redis
    性能优化
    Web全栈
    JavaScript
    Node.js
  • 427人 学习人数
    0.0分 课程评分
    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
  • 680人 学习人数
    0.0分 课程评分
    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
  • 29人 学习人数
    0.0分 课程评分
    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
  • 104人 学习人数
    0.0分 课程评分
    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
    前端组件化

套餐介绍

大喵课堂新推出学习套餐,方便大家全方面学习掌握 nuxt.js SSR、vue.js+typescript、vue源码,web components、electron客户端开发等最新前端技术栈技能开发,提升职场价值,追求更高更新的大前端技术栈。一起加入我们吧!

学员评价

5.0
  • 0%
  • 0%
  • 0%
  • 0%
  • 0%

正在加载中...

扫码帮你选课·只学有用的

进群领大额优惠券啦!帮你省钱选对的课