Ⅰ web前端大牛们当年是如何入门的
每个前端大牛,都是从当初的“菜鸟”成长过来的,并没有什么捷径可言。在这里,小编可以为题主提供一个大概的Web前端学习思路。希望能对你有所帮助~
1. HTML5 + CSS3 + JavaScript
Web开发基础中的基础,HTML是负责网页结构,CSS负责网页样式,JS则负责逻辑交互。前两者更像是标记语言,没有什么逻辑,JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。
每个人学习进度可能不同,这个阶段主要是多仿站,熟悉基础,试试用CSS写响应式页面,了解JS深入性的知识,比如原型链、闭包、 设计模式 等需要更多的积累,逐渐理解并实践掌握。
2. JQuery + BootStrap + Ajax + Json
jQuery是JS的一个应用库,能够提升原生JS开发效率。Bootstrap则是响应式框架,更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互,不刷新页面就能更新数据,比如 地图 应用等。Json是一种数据格式,被广泛应用在各大编程语言中。
jQuery 和 bootstrap 会简化很多编写的代码量,用着不亦乐乎,但对于基础还不是很扎实的人建议还是少用。 Ajax 和 json 通常用于和后端交互,在实际业务中也经常用到。
3. Git/SVN
版本管理工具,主要用于团队开发时避免文件冲突,也可回档。前端推荐学习Git。
4. Nodejs + Mysql /MongoDB(可选)
运行在服务器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器,不用到各个网站去下载资源包。 数据库 的学习可以选择MongoDB或者MySQL,前者与Nodejs的契合度更好,不过现在大多数网站都是 PHP +Mysql的组合,如果有学PHP的打算的话,可以先学习 Mysql 。
5. ECMAScript 6
JavaScript 的语言标准。ES6中加入了很多新的概念,也弥补了之前版本中JS的很多缺陷,越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了,目前实际项目中考虑到兼容性,ES6是需要通过Babel将其编译为ES5来部署的。
6. Angular/React/Vue
前端三大框架,各自也有着各自的生态系统,根据需求自行选择学习。目前企业需求量最大的仍然是Angular,但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进,工具和框架的更新比翻书还快,建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。
7. 其他常用工具
这个一样是根据需求自行选择学习。比较常用的现在有 Web pack,可以将多个不同编程风格的文件打包,比如ES6/AMD/CMD之类的模块化都能识别并编译成 浏览器 能运行的文件。Sass/Less,CSS预编译框架,可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具,可以自动化对代码进行压缩合并等工作。
8. 其他后端编程语言
目前市场对前端基本都要求会一门后端语言, PHP / JAVA / Nodejs / Python 等。
学习编程重要的还是实践,多敲代码,多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术 博客 ,往 github 上传几个 开源 项目,这些都是不错的加分点。
Ⅱ 零基础开始学 Web 前端开发,有什么建议吗
一 · 前端零基础入门
从前端基础入门知识学起,掌握基本的HTML+CSS网页布局,以及简单的JS特效,最终可以独立开发出前端PC网页。
二 · 响应式开发与常用框架
使用H5+CSS3实现网页动态特效,通过Bootstrap框架学习,从原生编码过渡到框架使用,更高效的开发出适配各个设备的响应式网页。
三 · 组件化思想开发电商网页
学会H5进阶内容:svg、canvas、H5存储、拖拽上传等,对JS、jQuery进行提升,学习企业开发模式——组件化开发,在企业项目团队中协同合作,实现“高内聚、低耦合”的网页搭建。
四 · 热门框架Vue开发WebApp
学习JS的最新版本ES6,前端流行框架Vue.js, 结合最流行的打包工具Webpack,掌握一个项目上线前的所有开发流程,真正成为一个能够满足企业需求的前端工程师。
Ⅲ web前端开发要怎么学
要学前端就要想了解前端是什么,用官方的定义,就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。
用我们的话来说,前端就是网页给访问网站的人看的内容和页面,而前端开发顾名思义就是这些内容的制作,也就是代码的实现。而要实现这些代码,就要用到HTML,CSS及JavaScript三大基础知识。目前看来。论趋势如何发展,它们都是整个前端开发的三大基石。
前端学习起来知识面比较广,知识很杂乱,可能自学起来有一定的困难,缺乏学习方向。如果要报班培训的话,也是一个不错的选择,至少,你能明确自己的学习方向,遇到问题可以及时解决,不过可能要承担昂贵的学费。
总之,无论是自学还是报班,前端的学习都是一个大工程,都需要自己多下功夫的。学无止境,付出全身心的努力,你一定能得到收获。
Ⅳ 有哪些不错的前端开发博客
Brendan Eich,JavaScript 之父
Crockford,JSLint 作者,《语言精粹》作者h
John Resig,jQuery 作者
Eric Meyer,CSS 相关的 web 标准推广人
Peter Koch,主要是 JavaScript API
以下是我记录的一些专业博客,有需要可以看看哦。
Paul Irish,HTML5 Boilerplate 发起人之一
Alex Russell,Chrome team 成员
Nicholas Zakas,High Performance JavaScript 作者
Dustin Diaz,前 Googler,现 Twitter
DailyJS,业界新闻博客。
CSS森林(CSS Forest),无需多解释了。
PuterJam's Blog,牛人,tx前端库的头头。
彬Go,人人网一位高产作者。
支付宝前端开发车间,看名字就懂了
ria之家--RIA三部曲,jquery、ext、flex,淘宝几位作者共同撰写的blog,同样十分高产。
幸福收藏夹,sofish的,不多说了。
为之漫笔,李松峰老师,高级js编程等书的译者。
此外,国内着名公司的一些前端(或前端相关)博客也非常值得订阅,譬如淘宝UED,网络MUX,腾讯CDC等等。做前端开发需要知识的积累,大家共勉吧。
Ⅳ 求教大牛.微博被封如何解封
在线申诉
登陆时如果遇到图中的状况,点击图中的“在线申诉”
遇到“免责条款”页面,点击“继续”
正确填写“在线申诉”页面,其中的“申诉内容”要重点填写
如果解封没成功也不要伤心:天空飘来五个字,那都不是事儿!!!
Ⅵ web前端学习难不难
web前端开发学习入门web前端并不难,难的是课程是否学精学深。感兴趣的话点击此处,免费学习一下
如果真的想要从事前端开发、想要拿到高薪,参加专业学习是一个非常不错的选择。就开发领域而言,【Web前端】是属于门槛比较低的,学习曲线是先快后慢,也就是说,入门快、切入快。前端页面重构。主要内容包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学完此阶段,学员可胜任Web前端开发工程师/前端页面布局与重构工程师;JavaScript高级程序设计、PC端全栈开发。主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、PHP+MySQL后端基础、前端工程化与模块化应用等。学完此阶段,学员可胜任HTML5大前端工程师/高级HTML5大前端工程师/网站开发工程师/移动前端开发工程师。
想了解更多有关web前端的相关信息,推荐咨询【达内教育】。秉承“名师出高徒、高徒拿高薪”的教学理念,是达内公司确保教学质量的重要环节。作为美国上市职业教育公司,诚信经营,拒绝虚假宣传是该机构集团的经营理念。该机构在学员报名之前完全公开所有授课讲师的授课安排及背景资料,并与学员签订《指定授课讲师承诺书》,确保学员利益。达内IT培训机构,试听名额限时抢购。
Ⅶ UI设计和web前端学习哪个好哪个比较有前景
UI:入门简单,学会PS基础工具,基本就可以了,AI会不会都可以,当然会了更好。但是UI设计就像郭德纲说的他们学相声,入门容易,我也觉得UI设计和相声一样,门槛在门里,入门很容易,只要你愿意,开门就能进来,但是一进门,发现里面是座山。
首先你要学会最基本的设计规范:比如常用手机的尺寸、状态栏尺寸,标题栏尺寸,按钮大小、等等。
掌握当前流行的设计风格,现在来说都在使用扁平化,但是我看到有很多设计师(姑且叫他们设计师吧),把界面设计的就是一堆色块,毫无设计感,扁平化设计也要适当加入阴影 投影 渐变的。要想设计的好,只能多看别人的作品,多学习。
WEB前端:入门简单,后续要学的东西挺多,最主要的是,你学的再多,等你实际工作中你会发现,为什么你刷新后看到的界面和你预想的代码不一样,明明代码没写左浮动啊,为什么浮动了,为什么我写了下边距,刷新后没变化、为什么我这个函数没有执行。
学习:HTML、CSS得学,然后现在都流行HTML5和CSS3了,你要说不会HTML5和CSS3,就不用去面试了。还得学JS、和由JS封装出来的JQ。这些就是基础的了。
晋升:可能你出去找工作会看到很多公司都要求求职者要会:Bootstrap、Vue.js、AJAX、Less、JSON、APICloud等,这里面你会的越多越好,这些都是提升工作效率的第三方可集成插件。
总结:学习前端,学校或培训班只能教你基础技能,工作中你需要一个好师傅带你,换句话说,别指望初出茅庐就挣很高的工资,沉淀自己,多学习知识丰富自己才是王道。
亲,如果不确定自己到底想学那个,不如两边的视频教程看一下,看看自己是否能进入学习状态。
Ⅷ 移动前端开发和 Web 前端开发的区别是什么
1,普通pc端开发与移动端开发区别。
先说背景,我大言不惭的说一下,我pc端的前端开发干了有快4年多,不算大牛,也算一个标准的前端开发工程师吧,可怜的是我2015年之前做过的移动端项目不超过1个。。所以几乎经验为零。我对这个神秘又被炒的火热的名字迷惑了很久,移动前端开发工程师,h5前端开发工程师,native前端开发工程师,Hybrid前端开发工程师,卧槽感觉屌屌的有木有啊。。
所以我在15年决定弃坑了(pc的代码实在写腻歪了。。),投身到专属的移动开发中,业余时间也做过phonegap,也知道和了解过一些h5+native开发的方式,下面就慢慢给大家【科普】一下。。说错了别喷。
普通pc端开发,我理解就是你拿电脑打开的网页都算【这不是废话么】。
那么移动端前端开发工程师,说白了就很好理解了,做手机网页的前端开发工程师。
这么一比,是不是感觉,移动端开发简单多了?
没错,我转了之后发现还真是呢。。。【还有点小激动】
pc,我们需要考虑什么呢?有点开发经验的同学都知道,ie6-11,firefox,chrome,safari都得兼容的吧。哪个都够你吃一壶的,无论是css还是js。
mobile的网页开发,我们需要考虑什么呢?
就目前来说,我们只需要考虑webkit内核的浏览器和chrome,uc,qq,小米手机浏览器就好了。。。【后面特意会说这几只国产浏览器哪里屌了】
相比较而言,除了经验是0以外,需要兼容的东西还是少了,少了,少了呢。
ok,单纯说pc和移动端开发的区别,其实也就是这个,可以简单的概括来说,mobile端的网页开发比pc端的网页开发,更简单一些。【页面小了啊,装的东西少了,css和html写的少了吧】交互简单一些【滑动,触屏,手势,平时看看手机你还能有啥特殊操作?】
so,别被这玩意吓坏了,根据我的经验来看,pc端的前端开发程序员,转mobile开发,一点问题没有,而且上手会很快。
够直白的解释了。
2,移动端web app开发与套壳开发区别。
移动端web app,移动端网页,Hybrid开发【我喜欢叫套壳开发工程师……】,无所谓叫什么,移动端开发无疑就是这3种了。下面一一解释下我的理解。
移动端web app是什么呢?简单理解就是页面头部加入了下面这一句话的东西:
<meta name="apple-mobile-web-app-capable" content="yes">
这个meta的作用是让普通移动网页被添加到主屏幕后,拥有一些类native的功能,很多同学应该都很熟悉了。就是类似隐藏ios的上下状态栏,实现全屏,禁止弹性拖拽,全屏,修改顶部颜色等。
我理解这种模式的网页为web app,当然还有一种类型就是大家平时都访问的那些网站,比如手机taobao,手机美团,手机微博的网页版,大家打开的时候,不是全屏的,但是用起来,开发者把它们伪装的很像这种web app的交互体验而已。
以上2种我觉得可以总结为web app。而不是普通的移动端网页,如果想看移动端网页,可以参考手机新浪网,手机网页,手机腾讯新闻,手机凤凰,是很好的对比。
之后我来说下套壳的吧。这部分如果没有开发过phonegap或者类似和native连调过webview的同学,可能觉得很陌生,其实不是,这种套壳开发和开发普通的网页没什么区别,只不过资源大部分是file开头的,本地资源,网络资源分为使用js异步接口获取和native获取,再和js的接口交互,类似ios中,可以直接在oc或者swift可以直接在webview中执行js,android同理,但是js想调用native功能怎么办呢?
我们这边的做法是有一个负责通讯的iframe,我们通过修改这个iframe的url,来让native来监控一系列特殊的url地址请求,再在native中调用对应的功能,比如摄像头,特殊交互,呼起,或者提供接口数据。数据的提供方式类似jsonp的原理,在执行函数的参数中传回来。
理解了这块,其实做套壳的比做普通web app和网页都简单,因为在native的webview中是可以指定是什么版本的webview,用什么内核,拥有什么等级的安全权限等等,ios和android做法不一样,但是原理一致,对于前端开发工程师来说是无差的。
而且套壳开发还有个好处就是,因为资源是本地化的,所以可以使用比较重的框架,如angular,react,一些三方框架,因为最终都是通过和native代码捆绑发布的。
套壳native的静态前端部分的更新,我们可以使用远程下载静态资源包的方法实现,不发布大版本而修改webview中逻辑的需求,这一点也是大部分公司选择一半native一半h5来开发的原因。都知道ios审核发版很慢。
这些就是我知道的一些很通俗的区别了,技术细节就不说了,太多。大家有个概念就好啦。