企业直通班课程

Web前端开发

国内领先教学“MVVM”前端开发模式的精品课程,教你掌握前后端数据交互及静态页面如何实现高保真

利用HTML、CSS、JavaScript、Flash等各种Web前端技术进行客户端产品的开发;学会开发JavaScript以及Flash模块;能够结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。

毕业学员 5975

本课程所含实战项目来自于一线互联网公司

  • YouTube
  • 雀巢
  • SONY

优秀学员将有机会被推荐到以下岗位

Web前端高级工程师(新浪网) Web前端开发工程师(网易)

课程大纲

零基础小白到Web前端开发大牛的进阶之路

  • 1阶段一:前端基础入门
  • 2阶段二:专业阶段js编程
  • 3阶段三:专业阶段2.综合案例
  • 4阶段四:专业阶段3.移动端开发
    1. 项目实战

      网页布局

      • HTML网页布局
      • 直播课

      项目实战

      网页布局

      网页布局分为了4部分,分别为头部、导航栏、内容和尾部。

    2. 项目实战

      NAV自适应

      • CSS导航栏自适应

      项目实战

      NAV自适应

      使用内层元素Padding并且双层元素使用背景定位来做出自适应。

    3. 项目实战

      导航栏效果

      • 带说明的导航栏
      • 直播课

      项目实战

      导航栏效果

      导航栏效果:使用CSS中的伪类Hover和Position进行定位。

    4. 项目实战

      页面渲染

      • CSS页面渲染

      项目实战

      页面渲染

      将布局好的网页使用层叠样式表渲染美化,做出麦子官网的美化。

    5. 项目实战

      JavaScript导航栏效果

      • JavaScript动态操作
      • 直播课

      项目实战

      JavaScript导航栏效果

      使用JavaScript中的函数onmouseover和mouseout将导航栏中的二级菜单显示。

    1. 项目实战

      JavaScript图片轮播

      • JavaScript图片轮播
      • 直播课

      项目实战

      JavaScript图片轮播

      使用JavaScript中的定时器setInterVal和条件判断传参等作出效果。

    2. 项目实战

      购物车

      • 购物车

      项目实战

      购物车

      用JavaScript动态操作DOM,使我们的HTML活起来。

    3. 项目实战

      JQuery

      • JQuery事件
      • 直播课

      项目实战

      JQuery

      使用JavaScript的工具JQuery让我们写的更少做的更多。

    4. 项目实战

      BootStrap模态框

      • BootStrap模态框

      项目实战

      BootStrap模态框

      使用BootStrap响应式CSS框架。

    1. 项目实战

      网页兼容

      • 网页兼容
      • 直播课

      项目实战

      网页兼容

      请根据视频学习内容完成练习,熟练各个知识点和技巧,打包后作为作业并请提交。

    2. 项目实战

      电子商城

      • 电子商城

      项目实战

      电子商城

      根据效果图实现切片和布局,利用JavaScript代码实现相关的网页动态功能,利用对网页进行兼容性方面的完善。

    3. 项目实战

      小游戏

      • Canvas
      • 直播课

      项目实战

      小游戏

      小游戏

    1. 项目实战

      响应式网页

      • 响应式网页
      • 直播课

      项目实战

      响应式网页

      根据不同设备的不同分辨率实现网页在不同分辨率设备正常显示。

    2. 项目实战

      ZeptoJs

      • ZeptoJs

      项目实战

      ZeptoJs

      移动端Zepto实现页面。根据效果图,实现首页面和一个子页面即可。

课程老师

来自一线互联网公司的专家导师

  1. web前端金牌讲师-范启凤
  2. web前端金牌讲师-JesWang
  3. web前端金牌讲师-李秀平
  • web前端金牌讲师
    范启凤

    web前端金牌讲师

    麦子学院金牌讲师,曾参与华为大数据研发,网站优化等大型项目,5年web前端开发工作经验,对HTML5和CSS3有独特见解;多次在腾讯课堂授课,精通HTML,CSS网页重构,SEO网站优化,以及JavaScript应用编程开发及页面交互等,所讲授课程获得学生的一致好评!

  • web前端金牌讲师
    JesWang

    web前端金牌讲师

    麦子学院金牌讲师,悉尼大学机械电子工程学士,oneshot.io自动建站平台创始人,7年国内外web前后端开发、系统架构、产品经理经验。丰富的企业级项目经验。掌握多种编程语言和框架,曾在美国硅谷参与开发智能硬件电商平台、C2C生活互助平台。

  • web前端金牌讲师
    李秀平

    web前端金牌讲师

    多年web前端开发经验,痴迷于程序设计,曾参与政府项目的开发,对前端项目架构、性能、测试、质量、自动化等方面有深入理解和大量实践。其授课风格幽默风趣、善于结合实际项目讲解知识点,注重培养学生良好的编码习惯。

学生作品

3个月获取1-2年的项目实战经验

  • 作品1
  • 作品2
  • 作品3
  • 作品4

学员成功故事

从建筑行业转行进入IT,感谢在学习路上遇到麦子学院。当无数次想放弃的时候,你需要在这个过程中不断的获得成就感,就类似于打游戏通关的一样,你就可以一步一步坚持下来。

毕业学员

张云瑞

python工程师

我们的学员已经加入这些一线的互联网公司

  1. 腾讯
  2. 阿里巴巴
  3. 百度
  4. 新浪

为什么你应该学习该课程?

3个月获取1-2年的商业项目实战经验

  • 您将收获什么
  • 什么是职业课程
  1. 让面试官眼前一亮的技术作品集
  2. 个性化的商业项目实战辅导
  3. 全程1对1陪同的专业老师
  4. 一线互联网公司岗位推荐与精准职业规划
  5. 无限制使用课程所有视频及学习资料
  6. 和专业老师,优秀学员在线1对1沟通
  7. 来自一线互联网企业的专家教学
  8. 增加1-2年的实战工作经验
  9. 模拟真实班级的在线直播课
  10. 完全自由的学习时间支配

麦子学院职业课程是由麦子学院同多家国内外一线互联网公司共同打造,以实战及就业为导向的在线职业课程。我们采用国际公认金字塔教学模式,对学习的技能立即应用到实践项目中,学习有效性高达90%...了解更多

  1. 参与商业实战项目
  2. 面对面直播授课
  3. 1对1教学辅导
  4. 签订保就业协议
  5. 精准职业规划

市场价格:¥18000

麦子价格

¥8800

相关文章

相关问答

  • 一直红心出墙来

    zepto和jquery的区别呀?

    1. Lucy

      回复一直红心出墙来: jQuery 由于强大的生命力基本上是一个事实标准,所以大部分工具 lib 在 DOM 操作、动画等功能上或多或少都会是 jQuery-like 的。Zepto 的 API 就是完全兼容 jQuery 的,功能上 Zepto 是 jQuery 的子集,定位上 jQuery 桌面为主,Zepto 则从一开始就定位移动设备,所以体积方面有一定优势。也就是说如果你只用了 jQuery 很少且都是核心的功能,比如选择器等,那么可以在不改动任何业务代码的情况下把 lib 切换到 Zepto——其实就是把 $ 对象换掉了。

  • 琴

    平台开源bootstrap怎么用?

    1. 秦时明月

      回复琴: 在学习之前我也是一样不知道具体该怎么去用,但是当我在学习完这一章节之后,我也简单的总结了一下。下面就来谈谈我的想法吧: 建议一般先学会排版布局吧。这个是最最有用的。从最基本的bootstrap框架开始学习。首页上的其他一些都是扩展性的框架可以先不学。等完全了解了bootstrap基本的一些排版布局以及样式,学习其他的也就不难了。

  • 木木的绷带

    编写Sass有哪些技巧?

    1. Lucy

      回复木木的绷带: 我根据视频学习以及浏览外部的论坛平台,我总结了编写Sass的八个技巧,下面就简单的罗列一下: 1、你的Sass结构 2、更有效的使用Sass变量 3、减少Mixins的使用 4、拥抱Placeholder 5、使用Function计算 6、有顺工作 7、限制嵌套 8、保持简单

Web前端开发
你有一个红包等你领取!

免费电话咨询