杭州web前端培训
杭州千锋教育带你闯关web前端！
快速咨询
10年以上Web前端开发经验，曾在运营大型门户网站、电商网站及研发电子政务平台的公司就职。
拥有多年移动项目开发相关工作经验，以及2年丰富的教学经验。曾就职于顺丰，开发过多款企业项目。
千锋上海教学中心讲师、HTML5前端开发讲师，前盛大网络高级工程师，精通Java、erlang、C/C++等。
前IBM高级软件工程师， 5年研发经验，获得IBM WORKLIGHT 跨平台移动应用高级开发者认证等。
HTML基础，CSS基础，CSS核心属性
CSS样式层叠，继承，盒模型
容器，溢出及元素类型
PC端网站布局，HTML5+CSS3基础， WebApp页面布局
Web前端开发工程师，前端页面布局与重构工程师
Promise
设计模式（观察者模式等）
原型链
面向对象进阶与ES5/ES6/ES7应用，JavaScript工具库自主研发，jQuery经典交互特效开发，PHP+MySQL后端基础，前端工程化与模块化应用，PC端全栈开发
Web前端工程师， 高级Web前端工程师， 网站开发工程师， 移动前端开发工程师
MongoDB
GraphGL
Express
Node.js后端开发，Vue.js前端框架，React前端框架，混合开发(Hybrid,RN)，Angular前端框架，大数据可视化
高级Web前端工程师， 全栈工程师， 移动前端App开发工程师， 微信开发工程师， 小程序开发工程师， 数据可视化开发工程师
Smartisan线上商城是一家移动互联网终端设备电商型项目,致力于打造用户体验一流的数码消费类产品(智能手机为主交易),主打坚果手机系列有坚果R1手机,坚果3手机等。
1. HTML5 + CSS3 实现高精度还原页面布局 2. Javascript + jQuery 实现页面逻辑交互、动效 3. Ajax 、cookie数据交互技术实现前后端分离开发 4. Gulp + Git + Sass + Bower 前端工程化开发 5. PHP + MySQL + Apache服务端部署
拉勾网是一家专为拥有3至10年工作经验的资深互联网从业者，提供工作机会的招聘网站。拉勾网专注于在为求职者提供更人性化、专业化服务的同时，降低企业端寻觅良才的时间和成本。
1.Gulp + Webpack + Git + Sass 实现前端工程化、自动化开发 2.移动M站布局技巧、屏幕适配与事件处理 3.Swiper、Better-Scroll等热门插件工具 4.Director.js + Handlebar.js 打造高体验RMVC架构的SPA单页应用 5.Canvas/Navigator等H5高级API应用
掌握HTML入门知识以及CSS基础语法
掌握javascript日常开发，能够实现所有常见特效及数据交互动作
掌握nodeJS、vue.js、react、Angular4等开发知识
适合有一定基础人群，基础到高级，循序渐进各个击破！
了解教程对于零基础的人入门Web前端没有人指导是很容易踏入到Web前端的学习误区的!Web前端开发只是JavaScript?这是误解。 首先，前端不只是JS。何谓前端开发?一切以展现为目标的工作，都是前端开发工作。在前端开发中，除了JS，还有很多需要去掌握的，比如浏览器原理，CSS3等。
前端不需要了解后端知识?这是误解 离线数据库能提供数据存储和管理的功能，但不会写点开发语句能玩得转吗?WebSocket能和后端开发(很多后端开发只会socket技术)一起搭建吗? 加快页面展示速度不只是要从前端分析，后端也要考虑到，使用keep alive、 缓存等后端技术能使页面更快地打开。
不考虑其他情况，页面出来就好了?这是误解。 大部分前端呈现使用DOM,但DOM用得多了会有性能问题。现在很流行列表页页底下拉加载更多，但很少有前端关注加载的极端问题，如果一个页面需要下拉了很多次，加载了几千个DOM，会发生什么问题?答案是轻则页面响应缓慢，重则浏览器闪退。
页面给用户看，用户能用就好?这是误解。 能来看你页面的，还有机器人!Web App一直在觊觎Native App的位置，有的Web App和Native App 看不出差别。Web App大红大紫，各种前端MVC框架也风声水起，但它们都有个问题，几乎没法做SEO，因搜索引擎无视JS。
不同的地方收费也不同，不高于2w.我觉得魔据这方面你可以去实际考察一下，听听试听课之类的还可以的，这方面这个行业本身都差不太多，你不如多考虑一下就业率、师资等情.....
优就业是中公教育IT培训品牌，致力于培养面向电商及互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集互联网营销师、SEO优化师、SEM竞价师、社会.....
目前WEB前端培训的学费大概在15000到20000元之间，具体要看你报的什么类型的班，以及培训机构的资质怎么样，当然，不同地域不同的机构，价格多多少少会有差别.....
北京网页设计相关的学校有很多，不过想要在短期内系统的学习，建议找面授的学校好点，在学习过程中遇到了疑问还有项目老师指导，不怕不学不会，关键是还要靠自己的努力才行.....
在去年写过一篇文章“分享关于Git服务器相关配置之心得”，介绍了Git服务器配置和一些爬坑案例，没看过的童鞋可以去学习下。
GIT和SVN有些相似之处，用过SVN的童鞋发现，有些操作类似，如果有你有SVN的基础，在学习git项目操作的时候入门比较快的。那么有童鞋就要问了，GIT和SVN有什么区别呢？
Git 与 SVN 区别GIT不仅仅是个版本控制系统，它也是个内容管理系统(CMS)，工作管理系统等。如果你是一个具有使用SVN背景的人，你需要做一定的思想转换，来适应GIT提供的一些概念和特征。
Git 与 SVN 区别点：
1、GIT是分布式的，SVN不是：这是GIT和其它非分布式的版本控制系统，例如SVN，CVS等，最核心的区别。2、GIT把内容按元数据方式存储，而SVN是按文件：所有的资源控制系统都是把文件的元信息隐藏在一个类似.svn,.cvs等的文件夹里。3、GIT分支和SVN的分支不同：分支在SVN中一点不特别，就是版本库中的另外的一个目录。4、GIT没有一个全局的版本号，而SVN有：目前为止这是跟SVN相比GIT缺少的最大的一个特征。5、GIT的内容完整性要优于SVN：GIT的内容存储使用的是SHA-1哈希算法。这能确保代码内容的完整性，确保在遇到磁盘故障和网络问题时降低对版本库的破坏。
Git 安装配置Linux 平台上安装Git 的工作需要调用 curl，zlib，openssl，expat，libiconv 等库的代码，所以需要先安装这些依赖工具。
在有 yum 的系统上（比如 Fedora）或者有 apt-get 的系统上（比如 Debian 体系），可以用下面的命令安装：
各 Linux 系统可以很简单多使用其安装包管理工具进行安装：
Debian/Ubuntu:
Debian/Ubuntu Git 安装命令为：
$ apt-get install libcurl4-gnutls-dev libexpat1-dev gettext \ libz-dev libssl-dev $ apt-get install git-core $ git --version git version 1.8.1.2Centos/RedHat
如果你使用的系统是 Centos/RedHat 安装命令为：
$ yum install curl-devel expat-devel gettext-devel \ openssl-devel zlib-devel $ yum -y install git-core $ git --version git version 1.7.1Windows 平台上安装在Windows 平台上安装 Git很简单，下载个压缩包就可以了，这里就不多说了，有疑问的可以加入我们的群（295431592）讨论。安装包下载地址：http://msysgit.github.io/。
完成安装之后，就可以使用命令行的 git 工具（已经自带了 ssh 客户端）了，另外还有一个图形界面的 Git 项目管理工具。
在开始菜单里找到"Git"->"Git Bash"，会弹出 Git 命令窗口，你可以在该窗口进行 Git 操作。
Mac 平台上安装在 Mac 平台上安装 Git 最容易的当属使用图形化的 Git 安装工具，下载地址为：https://sourceforge.net/projects/git-osx-installer/
安装界面如下所示：
OK，GIT基本介绍就这么多内容，接下来我们需要了解如何使用GIT在项目中的操作。其实GIT操作可以分位两种方法，一种是跟SVN差不多的，如下图：
这种方法就不多介绍，玩过SVN的，掌握很简单，如果您有不懂加群。另外一种GIT操作就是GIT命令来操作项目文件，这是我们本次分享的主题。
常用Git命令GIT命令有很多，在网上看了下一些大神们的总结，各有千秋。接下来就我收藏的一些GIT命令方法：
1、新建库文件$ git init该命令执行完后会在当前目录生成一个 .git 目录。使用我们指定目录作为Git仓库。
接下来我们初始化GIT代码库：
$ git init jiangweishan初始化后，会在 jiangweishan 目录下会出现一个名为 .git 的目录，所有 Git 需要的数据和资源都存放在这个目录中。
如果当前目录下有几个文件想要纳入版本控制，需要先用 git add 命令告诉 Git 开始对这些文件进行跟踪，然后提交：
$ git add *.c $ git add README $ git commit -m '初始化项目版本'以上命令将目录下以 .c 结尾及 README 文件提交到仓库中。
如果我们想从代码库中把代码拷贝到本地，可以运行以下命令：
git clone如果我们需要克隆到指定的目录，可以使用以下命令格式：
git clone参数说明：
repo:Git 仓库。
directory:本地目录。
比如，要克隆 Ruby 语言的 Git 代码仓库 Grit，可以用下面的命令：
$ git clone git://github.com/schacon/grit.git执行该命令后，会在当前目录下创建一个名为grit的目录，其中包含一个 .git 的目录，用于保存下载下来的所有版本记录。
如果要自己定义要新建的项目目录名称，可以在上面的命令末尾指定新的名字：
$ git clone git://github.com/schacon/grit.git mygrit2、配置信息在代码库建好后，我们还需要配置一些信息，比如你团队旗下的成员等信息。
Git 提供了一个叫做 git config 的工具，专门用来配置或读取相应的工作环境变量。
这些环境变量，决定了 Git 在各个环节的具体工作方式和行为。这些变量可以存放在以下三个不同的地方：
/etc/gitconfig 文件：系统中对所有用户都普遍适用的配置。若使用 git config 时用 --system 选项，读写的就是这个文件。
~/.gitconfig 文件：用户目录下的配置文件只适用于该用户。若使用 git config 时用 --global 选项，读写的就是这个文件。
当前项目的 Git 目录中的配置文件（也就是工作目录中的 .git/config 文件）：这里的配置仅仅针对当前项目有效。每一个级别的配置都会覆盖上层的相同配置，所以 .git/config 里的配置会覆盖 /etc/gitconfig 中的同名变量。
在 Windows 系统上，Git 会找寻用户主目录下的 .gitconfig 文件。主目录即 $HOME 变量指定的目录，一般都是 C:\Documents and Settings\$USER。
此外，Git 还会尝试找寻 /etc/gitconfig 文件，只不过看当初 Git 装在什么目录，就以此作为根目录来定位。
1) 用户信息
配置个人的用户名称和电子邮件地址：
$ git config --global user.name "jiangweishan" $ git config --global user.email test@jiangweishan.com如果用了 --global 选项，那么更改的配置文件就是位于你用户主目录下的那个，以后你所有的项目都会默认使用这里配置的用户信息。
如果要在某个特定的项目中使用其他名字或者电邮，只要去掉 --global 选项重新配置即可，新的设定保存在当前项目的 .git/config 文件里。
2) 文本编辑器
设置Git默认使用的文本编辑器, 一般可能会是 Vi 或者 Vim。如果你有其他偏好，比如 Emacs 的话，可以重新设置：
$ git config --global core.editor emacs3) 差异分析工具
还有一个比较常用的是，在解决合并冲突时使用哪种差异分析工具。比如要改用 vimdiff 的话：
$ git config --global merge.tool vimdiffGit 可以理解 kdiff3，tkdiff，meld，xxdiff，emerge，vimdiff，gvimdiff，ecmerge，和 opendiff 等合并工具的输出信息。
当然，你也可以指定使用自己开发的工具。
4) 查看配置信息
要检查已有的配置信息，可以使用 git config --list 命令：
$ git config --list3、增加/删除文件# 添加指定文件到暂存区 $ git add [file1] [file2] ... # 添加指定目录到暂存区，包括子目录 $ git add [dir] # 添加当前目录的所有文件到暂存区 $ git add . # 添加每个变化前，都会要求确认 # 对于同一个文件的多处变化，可以实现分次提交 $ git add -p # 删除工作区文件，并且将这次删除放入暂存区 $ git rm [file1] [file2] ... # 停止追踪指定文件，但该文件会保留在工作区 $ git rm --cached [file] # 改名文件，并且将这个改名放入暂存区 $ git mv [file-original] [file-renamed]4、代码提交# 提交暂存区到仓库区 $ git commit -m [message] # 提交暂存区的指定文件到仓库区 $ git commit [file1] [file2] ... -m [message] # 提交工作区自上次commit之后的变化，直接到仓库区 $ git commit -a # 提交时显示所有diff信息 $ git commit -v # 使用一次新的commit，替代上一次提交 # 如果代码没有任何新变化，则用来改写上一次commit的提交信息 $ git commit --amend -m [message] # 重做上一次commit，并包括指定文件的新变化 $ git commit --amend [file1] [file2] ...5、分支# 列出所有本地分支 $ git branch # 列出所有远程分支 $ git branch -r # 列出所有本地分支和远程分支 $ git branch -a # 新建一个分支，但依然停留在当前分支 $ git branch [branch-name] # 新建一个分支，并切换到该分支 $ git checkout -b [branch] # 新建一个分支，指向指定commit $ git branch [branch] [commit] # 新建一个分支，与指定的远程分支建立追踪关系 $ git branch --track [branch] [remote-branch] # 切换到指定分支，并更新工作区 $ git checkout [branch-name] # 切换到上一个分支 $ git checkout - # 建立追踪关系，在现有分支与指定的远程分支之间 $ git branch --set-upstream [branch] [remote-branch] # 合并指定分支到当前分支 $ git merge [branch] # 选择一个commit，合并进当前分支 $ git cherry-pick [commit] # 删除分支 $ git branch -d [branch-name] # 删除远程分支 $ git push origin --delete [branch-name] $ git branch -dr [remote/branch]6、标签# 列出所有tag $ git tag # 新建一个tag在当前commit $ git tag [tag] # 新建一个tag在指定commit $ git tag [tag] [commit] # 删除本地tag $ git tag -d [tag] # 删除远程tag $ git push origin :refs/tags/[tagName] # 查看tag信息 $ git show [tag] # 提交指定tag $ git push [remote] [tag] # 提交所有tag $ git push [remote] --tags # 新建一个分支，指向某个tag $ git checkout -b [branch] [tag]7、查看信息# 显示有变更的文件 $ git status # 显示当前分支的版本历史 $ git log # 显示commit历史，以及每次commit发生变更的文件 $ git log --stat # 搜索提交历史，根据关键词 $ git log -S [keyword] # 显示某个commit之后的所有变动，每个commit占据一行 $ git log [tag] HEAD --pretty=format:%s # 显示某个commit之后的所有变动，其"提交说明"必须符合搜索条件 $ git log [tag] HEAD --grep feature # 显示某个文件的版本历史，包括文件改名 $ git log --follow [file] $ git whatchanged [file] # 显示指定文件相关的每一次diff $ git log -p [file] # 显示过去5次提交 $ git log -5 --pretty --oneline # 显示所有提交过的用户，按提交次数排序 $ git shortlog -sn # 显示指定文件是什么人在什么时间修改过 $ git blame [file] # 显示暂存区和工作区的差异 $ git diff # 显示暂存区和上一个commit的差异 $ git diff --cached [file] # 显示工作区与当前分支最新commit之间的差异 $ git diff HEAD # 显示两次提交之间的差异 $ git diff [first-branch]...[second-branch] # 显示今天你写了多少行代码 $ git diff --shortstat "@{0 day ago}" # 显示某次提交的元数据和内容变化 $ git show [commit] # 显示某次提交发生变化的文件 $ git show --name-only [commit] # 显示某次提交时，某个文件的内容 $ git show [commit]:[filename] # 显示当前分支的最近几次提交 $ git reflog8、远程同步# 下载远程仓库的所有变动 $ git fetch [remote] # 显示所有远程仓库 $ git remote -v # 显示某个远程仓库的信息 $ git remote show [remote] # 增加一个新的远程仓库，并命名 $ git remote add [shortname] [url] # 取回远程仓库的变化，并与本地分支合并 $ git pull [remote] [branch] # 上传本地指定分支到远程仓库 $ git push [remote] [branch] # 强行推送当前分支到远程仓库，即使有冲突 $ git push [remote] --force # 推送所有分支到远程仓库 $ git push [remote] --all9、撤销# 恢复暂存区的指定文件到工作区 $ git checkout [file] # 恢复某个commit的指定文件到暂存区和工作区 $ git checkout [commit] [file] # 恢复暂存区的所有文件到工作区 $ git checkout . # 重置暂存区的指定文件，与上一次commit保持一致，但工作区不变 $ git reset [file] # 重置暂存区与工作区，与上一次commit保持一致 $ git reset --hard # 重置当前分支的指针为指定commit，同时重置暂存区，但工作区不变 $ git reset [commit] # 重置当前分支的HEAD为指定commit，同时重置暂存区和工作区，与指定commit一致 $ git reset --hard [commit] # 重置当前HEAD为指定commit，但保持暂存区和工作区不变 $ git reset --keep [commit] # 新建一个commit，用来撤销指定commit # 后者的所有变化都将被前者抵消，并且应用到当前分支 $ git revert [commit] # 暂时将未提交的变化移除，稍后再移入 $ git stash $ git stash pop # 生成一个可供发布的压缩包 $ git archive10、冲突处理一个项目，多个成员维护，有时候难免出现文件冲突的情况，所以我们要养成“每次完成项目修改后，即时提交到代码库”的好习惯。那么一旦出现冲突，我们如何处理呢？
一般采用的是合并冲突，合并并不仅仅是简单的文件添加、移除的操作，Git 也会合并修改。接下来我们可以模拟下冲突处理：
准备新的feature1分支，继续我们的新分支开发：
$ git checkout -b feature1Switched to a new branch 'feature1'修改readme.txt最后一行，改为：
Creating a new branch is quick AND simple.在feature1分支上提交：
$ git add readme.txt $ git commit -m "AND simple"[feature1 75a857c] AND simple 1 file changed, 1 insertion(+), 1 deletion(-)切换到master分支：
$ git checkout master Switched to branch 'master' Your branch is ahead of 'origin/master' by 1 commit.Git还会自动提示我们当前master分支比远程的master分支要超前1个提交。
在master分支上把readme.txt文件的最后一行改为：
Creating a new branch is quick & simple.提交：
$ git add readme.txt $ git commit -m "& simple" [master 400b400] & simple 1 file changed, 1 insertion(+), 1 deletion(-)现在，master分支和feature1分支各自都分别有新的提交，这种情况下，Git无法执行“快速合并”，只能试图把各自的修改合并起来，但这种合并就可能会有冲突，我们试试看：
$ git merge feature1 Auto-merging readme.txt CONFLICT (content): Merge conflict in readme.txt Automatic merge failed; fix conflicts and then commit the result.果然冲突了！Git告诉我们，readme.txt文件存在冲突，必须手动解决冲突后再提交。git status也可以告诉我们冲突的文件：
$ git status # On branch master # Your branch is ahead of 'origin/master' by 2 commits. # # Unmerged paths: # (use "git add/rm我们可以直接查看readme.txt的内容：
Git is a distributed version control system. Git is free software distributed under the GPL. Git has a mutable index called stage. Git tracks changes of files. <<<<<<< HEAD Creating a new branch is quick & simple. ======= Creating a new branch is quick AND simple. >>>>>>> feature1Git用<<<<<<<，=======，>>>>>>>标记出不同分支的内容，我们修改如下后保存：
Creating a new branch is quick and simple.再提交：
$ git add readme.txt $ git commit -m "conflict fixed" [master 59bc1cb] conflict fixed用带参数的git log也可以看到分支的合并情况：
$ git log --graph --pretty=oneline --abbrev-commit * 59bc1cb conflict fixed |\ | * 75a857c AND simple * | 400b400 & simple |/ * fec145a branch test ...最后，删除feature1分支：
$ git branch -d feature1Deleted branch feature1 (was 75a857c).冲突搞定。
总结GIT是我们必须掌握一项基本技能，相对于SVN，它更加稳定；在管理远程库文件的时候，目前它是首选。
从入门到精通，需要大家花更多的时间去实践和研究，还没了解过的童鞋，还不赶紧行动起来。
千锋教育
千锋教育隶属于北京千锋互联科技有限公司，一直秉承“用良心做教育”的理念，致力于打造IT教育全产业链人才服务平台，公司总部位于北京，目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安、杭州、青岛、重庆、长沙、哈尔滨、南京、太原成立了分公司，年培养优质人才20000余人，同期在校学员5000余人，合作院校超500所，合作企业超10000家，每年有数十万名学员受益于千锋教育组织的技术研讨会、技术培训课、网络公开课及免费教学视频。
千锋历程精彩纷呈，获得荣誉包括：中关村移动互联网产业联盟副理事长单位、中国软件协会教育培训委员会认证一级培训机构、中关村国际孵化软件协会授权中关村移动互联网学院、教育部教育管理信息中心指定移动互联网实训基地等。
千锋教育面授课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证，采用全程面授高品质、高成本培养模式，教学大纲紧跟企业需求，拥有全国一体化就业保障服务，成为学员信赖的IT职业教育品牌。
