上海培训网 > 上海网页设计培训机构 > 非凡教育培训
首页 培训网 最新资讯 热门问答

非凡教育培训

18601716646 免费试听

您当前的位置: 上海设计师培训 > 上海网页设计培训 > 上海web前端基础课程

上海web前端基础课程

¥详询

班制:其它

上课(咨询)地址:
报名咨询 预约试听
课程介绍
  • 上海web前端一对一培训

    上海非凡教育Web前端培训

    Web前端设计师提升之路

    快速咨询

web前端JavaScript交互

面向对象编程

面向对象编程简介、对象的创建、继承的实现、原型与原型链。

随堂项目:仿windows屏保气泡

JQuery

JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程

随堂项目:打地鼠游戏、抽奖轮盘制作

JQuery 项目实战

图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训

Bootstrap

bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件

随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面

ECMAScript6 1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包

随堂练习:新前端开发环境搭建

Ajax技术 Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交

随堂项目:用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现

上海web前端培训

1、通过学习使学员了解创意方法、设计方式、项目流程等设计应具备的网页美术设计师的岗位技能,使学员具有独立完成Web站点设计的能力。学完后能从事网站的美术设计、页面开发制作、界面设计、流媒体设计等工作。

2、通过学习使学员能运用ASP技术开发相应的基于B/S的应用程序;了解开发网站的整体管理、维护、建设等方面的前后台程序的流程和规范;掌握网络的的基本维护和管理,并能熟练对SQL数据库进行管理、设计等。完成本专业课程能够胜任网站开发工程师等职位,并能独自开发网站,具备网站开发的技能和项目实战经验。

就业职位

网页美术设计师、软件界面设计师、Flash动画设计师、Flash广告设计师、Flash游戏设计师、网站开发工程师。

  • 上海web前端培训相关推荐

    康老师

    教学科目:毕业于西南科技大学计算机专业,多年网页设计经历,资深网页设计师,优秀职业培训讲师;曾任多家网络公司任专职设计师,熟练运用网页制作软件,拥有成熟的网站开发技巧。现任非凡学院专职讲师。

  • 上海web前端培训相关推荐

    李老师

    教学科目:曾任职武汉烽火电子商务有限公司任高级网页设计师;2013年任上海天佑电商有限公司设计主管;现任非凡学院高级签约网页设计讲师

web前端实战理论篇

原生js控件开发 熟悉的基本语法;掌握常用的方法;无障碍编写简单的控件;

浏览器兼容性处理 熟练处理各个浏览器直接的兼容性问题。提高开发中的效率,并且使页面在各个浏览器中显示基本相同;

高级控件开发技巧 掌握高级的编程技术;掌握各种设计模式的优缺点;理解适配器模式,单例模式;掌握面向对象的编程技术;

BUI库的使用 熟练使用BUI控件库开发。使用BUI控件实现页面各个区域的功能

BootStrap的使用 熟练使用BootStrap开发框架,及其扩展插件。使用BootStrap实现流式布局的页面;基于Bootstrap的控件

开发 掌握bootstrap的使用和特点;能够扩张bootstrap的插件

Canvas的自绘与开发 熟练使用Canvas自绘和开发功能。使用Canvas实现页面动画特效,使页面具有更强的视觉效果;

图表库的使用与开发 熟悉HighCharts的基本配置项;能够定制Highcharts;

AngularJS库的使用 熟悉AngularJS的原理;可以熟练使用AngularJS编写应用程序;

Dojo的使用 熟练使用Dojo解决开发DHTML应用程序遇到的那些长期存在、历史问题(historical problems with DHTML)、跨浏览器问题;

php开发基础 自主搭建PHP开发环境;熟悉常用的函数;了解PHP的工作原理。

web前端页面设计流程:网站整体规划

对网站进行整体规划能够帮设计师快速理清网站结构,让网页之间的关联更加紧密通常规划一个网站时,可以先用思维导图(推荐使用XMind软件)把每个页面的名称列出来,规划完整体的网站框架思维导图,就可以规划网站的其他内容了,主要包括网站的功能、网站的结构、版面布局等。如果是一些功能需求较多的网站,还需要产品经理设计原型线框图。

只有在设计网页之前把这些方面都考虑到了,才能够保证网站制作有条不紊地进行,避免页面或重要功能模块缺失。

预约学校参观

相关问答

  • 最佳答案

    因为地区与机构的不同,费用也是不等的,目前市面上的费用一般在1万-1.6万左右。学费看似不低,但是毕业后的收入同样不菲。 根据部分网友在部分一线城市.....

    [详情]
  • 最佳答案

    可以的,杭州天眼web前端培训,拥有一流的师资团队,专业的课程体系,指导老师会依据学员的基础和学习方式去进行有针对性的指导,找到适合学员的学习方式来设计课程的深.....

    [详情]
  • 最佳答案

    选择web前端培训建议: (1)看师资团队 看是否有优秀讲师授课,看到底是否能给安排好老师讲课,大的机构新讲师都挺多的,会导致培训质量下降。 (2)看课程.....

    [详情]
  • 最佳答案

    前端工程师需要是一个心思细腻之人,需要对美有所领悟,需要执着的追求完美,需要有品味、有思想、有大局观,最好还能懂点心理学。 对于想要学web前.....

    [详情]

考试资讯

初学者必学的15大前端开发技术



互联网+快速发展的当今,我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑,尤其对于初学者而言。首要原因是新的框架,例如Angular 2 和ReactJs出现了,使用了尚未完全定型的ECMAScript 6 特性。并且有更多的工具可用于转换ES6代码为普通的旧的JavaScript代码,也就是ES5。

web前端培训专家(web.tedu.cn)帮大家概括了一系列我们应该学习的编程语言/工具,以便于理解势不可挡和快速变化的现代web开发。

JavaScript

这是唯一一种所有浏览器都理解的编程语言,并且它是前端开发的支柱。JavaScript也被称为ECMAScript,ES 5。在深入其他语言之前好好理解这门编程语言非常重要。

ES6

这是如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过,没有必要钻研得太深因为它们很容易发生变化。

Babel

这是最流行的ES6到ES5转译器之一。此外,它还被许多框架,如React所推荐。要想实时地将ES6转换为ES5代码,在ljs.io/repl/有一个可用的REPL。

需要注意的是Babel不仅仅是ES6到ES5的转译器。它也是JSX到JavaScript的转译器。不知道什么是JSX?那么请看下面。

NodeJS

NodeJS是一个服务器端平台,它允许你用JavaScript语言构建后端。为什么我要提NodeJS呢?这是因为,即使你对后端开发不感兴趣,但是许多前端工具依赖于NodeJS。至少要熟悉node和它的命令行工具。

NPM

NPM是node的软件包管理器。就像pip之于Python,ruby gems之于Ruby,以及Maven之于Java。了解如何安装/删除/升级软件包,尤其是package.json文件结构。

Grunt 或Gulp

这两个是运行在Node平台上最为流行的任务运行器。从技术上讲,它们是针对npm的软件包。它们允许你自动化许多前端任务,如Lint源文件,串联,缩减,部署以及更多。

Bower

这是用于前端库本身的一个软件包管理工具。想添加Jquery到你的应用程序?和使用bower install jquery

上述工具用于基本的前端开发已经足够。不过下面我还要说一说两个最流行的框架,即React和Angular。

ReactJs

ReactJs是构建视图最流行的前端库。请注意,它不仅仅是MVC中的V,因此和框架如Angular没有比较性。ReactJs是用ES6写的,并且可以用Babel转译为ES5。它还使用也可以用Babel转译为JavaScript的JSX。

WebPack 或Browserify

这两个都是最流行的模块打包机。它们可以获取js源代码,找出正确的依赖关系,并发出可以驱动整个应用程序的JavaScript文件。我更喜欢WebPack。点此查看关于WebPack。

Flux或Redux

React组件被布置在一个层次结构中。大部分时间,数据模型遵循层次结构。在这种情况下,Flux并不怎么有用。然而,有时候你的数据模型是不分层的。当你的React组件开始接收外部道具,或你有少量的组件开始变得非常复杂的时候,那么你可能会想要试试Flux。

Immutable.js

Immutable.js提供了一套数据结构,可以帮助解决在构建React app时的某些性能问题。这是一个伟大的库,你可能会在你的app中大量使用它,但是当你关注于性能影响时,它就完全没用了。

Angular 2

Angular 2 是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过了,并且有一条陡峭的学习曲线。全面支持双向数据绑定。在选择Angular 2 开发时要小心评估。

TypeScript

Angular 2 推荐TypeScript作为编程语言的首选。我不是很熟悉TypeScript,但我认为它增加了静态类型到Javascript的动态特性中。最后,我相信它只是一个转译器。

Service workers

实验性的API。它就像是在浏览器用于做各种工作的一个后台线程。我想它也增加对离线浏览的支持。

Fetch API 和Push API

因为到目前为止达妹对此也是知之甚少。如果你有这方面的优秀经验,欢迎去web前端培训,将您的知识传播给更多web前端爱好者。


体验课预约试听

倒计时

12:00:00

课程热线:

18601716646
在线咨询

客服在线时间:早上9点~下午6点,其他时间请在线预约报名或留言,谢谢!

推荐机构 全国分站 更多课程

本周仅剩 个试听名额

请键入信息,稍后系统将会把领奖短信发至您的手机

申请试听名额

已有10254人申请免费试听

01电话咨询 | 18601716646

QQ:3659129182
加盟合作:0755-83654572