您好!欢迎访问网站!
全国咨询热线:
热门关键词:
优化心得
您的位置: 首页 >> 优化心得 >> 正文内容

免费搭建个人网页指南:前端开发学习路径及推荐

作者:Zbk7655 浏览量:42 时间:2025-05-19 01:32:25

如何掌握前端开发技艺——推荐学习路径

基础阶段

1、

HTML与CSS的学习建议通过在线教程进行,边学边实践。接着,可以尝试模仿一些网站来制作页面。在积累实践经验后,可以系统地阅读一些书籍,推荐《Head First HTML与 CSS 中文版》。这本书内容详尽,但阅读起来可能需要耐心,你可以根据自己的情况决定是否阅读。

2、

JavaScript的学习内容非常丰富,如果没有其他编程语言的基础,学习起来可能会有些吃力。建议阅读《JavaScript语言精粹》。JavaScript是一门较为混乱的语言,这本书能帮助你辨别哪些是语言的精华,哪些是糟粕。对于精华部分,应该深入学习;对于糟粕部分,能看懂别人写的代码即可,自己无需尝试。

掌握了以上基础,就可以进行一般的静态网页设计。但对于复杂的页面,还需要进一步学习。

1、

CSS。推荐阅读《精通CSS》,阅读完毕后,你应该对盒子模型、流动、Block、inline、层叠、样式优先级等概念有深入了解。作为练习,可以阅读《CSS艺门之匠》,这本书对标题、背景、圆角、导航条、table、表单等主题都有详细介绍。

2、

JavaScript。前面提到的内容还不足以让你胜任JavaScript编程。在有了基础之后,进一步学习内容包括:

a)框架。

推荐jQuery,简单易用,掌握jQuery后即可完成一些简单项目。学习方法也很简单,照着产品文档制作几个页面即可,无需全面掌握,以后遇到问题再查阅文档。框架可以帮助你屏蔽浏览器的差异性,让你更专注于Web开发的核心部分。补充:可以使用Codecademy学习JavaScript、jQuery,用户体验非常好(感谢TonyOuyang)。

b)JavaScript语言范式。

这个名字可能并不准确,只是我找不到合适的描述“面向对象”、“函数式”这两个概念。JavaScript并非完全面向对象的语言,其许多设计理念都受到函数式编程语言的影响。如果你不使用面向对象,完全可以将其理解为一门函数式编程语言。JavaScript的许多语言特性都源于其函数式语言的特点。这部分建议先学习面向对象的基本理论,对封装、继承、多态等概念要有理解,****、百度百科会是你的帮手,另外推荐《Object Oriented JavaScript》,应该有中文版。对于函数式编程,我了解得也不系统,不好多说,可以自己百度一下。

c)JavaScript语言内部机制。必须弄清如下概念:JS中变量的作用域、变量传递方式、函数的定义环境与执行环境、闭包、函数的四种调用方式(一般函数、对象的方法、apply、call),以及四种调用方式下,‘this’指向的是谁。这部分内容你会在《JavaScript语言精粹》中详细了解。另外,你必须理解json。

d)DOM编程,这是Web前端工程师的核心技能之一。推荐阅读《DOM编程艺术》,另外,《高性能JavaScript》这本书中关于DOM编程的部分也讲得很好。

e)Ajax编程,这是另一核心技术。Ajax建议在网上查阅相关资料,了解这个概念的来龙去脉,百度百科、****上的内容就足够了。实际上编程并不复杂,如今几乎所有框架都对Ajax有良好的封装,编程并不复杂。

f)了解浏览器差异性。这部分包括CSS和JavaScript两部分,浏览器差异性内容很多,建议在实践中多多积累。另外,对于浏览器的渲染模式、DOCTYPE等内容应该系统学习。

3、

HTML5和CSS3。HTML5规范已于2014年10月28日发布,移动端HTML5和CSS3已经得到了非常广泛的使用,这是必须掌握的。

进阶阶段·代码层面:

掌握了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。但要想成为更专业的前端,你还需继续努力。更高的要求大概还有四方面:1)易维护,2)可测试,3)高性能,4)低流量(移动端)。

1)易维护。对于页面,你应该理解‘样式’、‘数据’、‘行为’三者分离,对应的当然就是CSS、HTML、JavaScript。对于JavaScript代码,你最好了解设计模式、重构、MVC等内容。

2)可测试性。

3)高性能。推荐阅读《高性能JavaScript》。

4)低流量。移动端关注比较多。

5)对于想要学习前端的同学,尤其是自学的伙伴,自学并非永久的,如果缺乏定力,还是找个培训机构吧。

进阶阶段·工程层面:

前端项目同样面临软件生命周期的各个环节,首先是代码管理,你必须学会使用Svn和Git。其次是代码的构建,如今前端代码构建已不再是简单的压缩,需要进行依赖管理、模块合并、各种编译,因此需要学会使用Grunt、Gulp等前端构建工具。

百度的发展历程

发展简史:

从创立之初,百度便将“让人们最平等便捷地获取信息,找到所求”作为自己的使命,成立以来,公司秉承“用户至上”的理念,不断坚持技术创新,致力于为用户提供“简单可依赖”的互联网搜索产品及服务。

其中包括:以网络搜索为主的功能性搜索;以贴吧为主的社区搜索,针对各区域、行业所需的垂直搜索;以及门户频道、IM等,全面覆盖了中文网络世界所有的搜索需求。

根据第三方权威数据,在中国,百度PC端和移动端市场份额总量达73.5%,覆盖了中国97.5%的网民,拥有6亿用户,日均响应搜索60亿次。

在面对用户的搜索产品不断丰富的同时,百度还创新性地推出了基于搜索的营销推广服务,并成为最受企业青睐的互联网营销推广平台。目前,中国已有数十万家企业使用了百度的搜索推广服务,不断提升着企业自身的品牌及运营效率。

为推动中国数百万中小网站的发展,百度借助超大流量的平台优势,联合所有优质的各类网站,建立了世界上最大的网络联盟,使各类企业的搜索推广、品牌营销的价值、覆盖面均大面积提升。与此同时,各网站也在联盟大家庭的互助下,获得最大的生存与发展机会。

为促进我国数百万中小网站的成长,百度凭借庞大的流量平台优势,携手众多优质网站,打造了全球最大的网络联盟,极大地提高了各类企业的搜索推广、品牌营销的价值和覆盖范围。在此过程中,各网站在联盟大家庭的互助中,也获得了最大的生存与发展机遇。

随着移动互联网时代的到来,百度在业界率先实现移动化转型,迎来了更为广阔的发展空间。通过开放地连接传统行业的3600行,百度从“连接人和信息”拓展到“连接人和服务”,使网民能够直接通过百度移动产品获取服务。

目前,百度正通过持续的商业模式和产品、技术创新,推动金融、医疗、教育、汽车、生活服务等实体经济各行业与互联网深度融合,为推动经济创新发展,转变经济发展方式发挥积极作用。

作为一家以技术为信仰的高科技公司,百度将技术创新作为立身之本,致力于互联网核心技术的突破与人才培养,在搜索、人工智能、云计算、大数据等技术领域处于全球领先地位。百度认为,互联网发展正迎来第三幕——人工智能,这也是百度重要的技术战略方向。

百度拥有世界一流的研究机构——百度研究院,广纳海内外顶尖技术人才,致力于人工智能等相关前沿技术的研究与探索,致力于从根本上提升百度的信息服务水平。

目前,百度人工智能研究成果已全面应用于百度产品,让数亿网民从中受益;同时,百度还将语音、图像、机器翻译等难度高、投入大的领先技术向业界开放,以降低大众创业、万众创新的门槛,进一步释放创业创新活力。

作为国内的一家知名企业,百度也一直秉持“弥合信息鸿沟,共享知识社会”的责任理念,坚持履行企业公民的社会责任。

自成立以来,百度利用自身优势积极投身公益事业,先后投入巨大资源,为盲人、少儿、老年人群体打造专门的搜索产品,解决了特殊群体上网难问题,极大地弥补了社会信息鸿沟问题。

此外,在加速推动中国信息化进程、净化网络环境、搜索引擎教育及提升大学生就业率等方面,百度也一直走在行业领先的地位。2011年初,百度还捐赠成立百度基金会,围绕知识教育、环境保护、灾难救助等议题,更加系统规范地管理和践行公益事业。

如今,百度已经成为中国最具价值的品牌之一。在2016年MIT Technology Review《麻省理工科技评论》评选的全球最聪明50家公司中,百度的排名超越其他科技公司高踞第二。

而“亚洲最受尊敬企业”、“全球最具创新力企业”、“中国互联网力量之星”等一系列荣誉称号的获得,也无一不向外界展示着百度成立数年来的成就。

百度从不满足于自身取得的成绩,也从未停止发展的步伐,自2005年在纳斯达克上市以来,截至2015年,百度的市值已达800亿美元。

如今,百度已经发展成一家国际性企业,在日本、巴西、埃及中东地区、越南、泰国、印度尼西亚建立分公司,未来,百度将覆盖全球50%以上的国家,为全球提供服务。

多年来,百度董事长兼CEO李彦宏,率领百度人形成的“简单可依赖”的核心文化,深深地植根于百度。这是一个充满朝气、求实坦诚的公司,以技术改变生活,推动人类的文明与进步,促进中国经济的发展为己任,正朝着更为远大的目标而迈进。

百度糯米整合完毕,展开O2O布局。

推出百度钱包,构建移动生态闭环。

百度发布大数据引擎,首次对外开放大数据能力。

百度在美国设立研发中心,聘请吴恩达担任首席科学家。

百度推出葡语搜索,技术创新获得最高领导人肯定。

百度地图市场持续位居第一,市场份额差距进一步扩大。

百度Q3移动收入占比超过36%,移动流量首次超过PC。

百度云计算(阳泉)中心正式投入使用。

2014年移动应用分发市场,百度前三季度市场份额位列第一。

百度投资Uber,开启中美互联网合作新篇章。

16、2015年

百度十五周年,李彦宏发表演讲:始终坚信技术的力量。

李彦宏两会提议设立“中国大脑”计划。

百度糯米发布“会员+”战略,三年内投资200亿颠覆产业格局。

百度启动"航母计划",将对投资者开放优质资产。

将搜索“秘书化”,度秘亮相百度世界大会。

百度成为中国市场Windows 10搜索引擎。

百度宣布与携程达成股权交换协议。

百度中信联合发起百信银行,开创“互联网+金融”新业态。

百度联合安联高瓴发起互联网保险公司,“互联网+金融”布局再下一城。

百度地图在行业领跑,超过70%市场份额稳居第一。

乌镇互联网大会:国家领导人点赞无人车。

携手国金证券,百度拿下互联网金融“三板斧”。

17、2016年

百度机器翻译荣获国家科技进步奖,成为最普惠科研项目。

百度发布智慧汽车战略。

百度宣布业务架构重组,成立“百度搜索公司”。

百度地图宣布国际化战略,年底覆盖150个国家。

百度入选全球50大创新公司,人工智能专利超过1500项。

百度大脑AI平台正式发布。

百度成立“百金互联网金融资产交易中心”。

百度创建独立风**司,新成立的百度风投将专注于人工智能,以及AR、VR等下一代科技创新项目,集中投资于早期项目,第一期基金规模将达2亿美金。

百度推出医疗大脑,正式将人工智能技术应用到医疗健康行业。

百度成立百度资本(Baidu Capital),一期基金规模200亿元人民币。

18、2017年

百度与河北省政府、雄安新区管委会签署战略合作协议,共同将雄安打造为AI-City智能城市新标杆。

百度与华为、小米分别达成战略合作。在“软硬结合”的AI思维下,百度将持续发展更多合作伙伴。

首批国家新一代人工智能开放创新平台名单公布,百度主导建设自动驾驶国家人工智能开放创新平台。

2017百度世界大会召开,百度宣布2018年将量产无人车,同时百度首款标杆性人工智能硬件产品raven H面世。

百度发布了集搜索和信息流双引擎于一体的手机百度10.0,引领新移动时代的新交互体验。

百度硅谷第二个研发中心正式运营,百度西雅图研发中心也同时成立,这标志着百度在北美核心技术圈的布局初步完成。

百度举办全球首个AI开发者大会,首次发布人工智能开放平台的整体战略、技术和解决方案。会上陆奇表示,百度将“All in AI”。

李彦宏乘坐无人车辆开上五环,收到无人车历史上第一张罚单。四个月后,北京自动驾驶新规出台。

成立不足9个月的百度信息流业务日活跃用户破亿。在“搜索+信息流”双引擎强力推动下,信息流迅速成为国内又一个超级应用。

百度与中国农业银行达成战略合作,并成立金融科技联合实验室。通过AI Fintech联合创新,双方将共推银行业进入智能金融新时代。

百度发布新使命:用科技让复杂的世界更简单。

在国务院总理李克强与德国总理默克尔见证下,百度与德国博世集团签署战略合作协议,双方将在自动驾驶、智能交通、智能车联网领域展开深入合作。

百度推出Apollo(阿波罗)自动驾驶平台,向汽车行业及合作伙伴提供了一个开放、完整、安全的软件平台。这是全球范围内自动驾驶技术的第一次系统级开放。

百度在人工智能领域公开的中国专利申请超过2000项,国外专利申请数百项。专利布局帮助百度抢占技术制高点。

由国家发改委批复、百度牵头筹建的中国深度学习技术及应用国家工程实验室正式揭牌。

《麻省理工科技评论》公布2017年十大突破技术,百度凭借领先的人脸识别技术登上榜单,包揽人工智能所有奖项。

前微软全球执行副总裁陆奇加盟百度,出任百度集团总裁兼首席运营官。

百度人工智能机器人小度参加《最强大脑》,对战三位人类选手二胜一平未尝败绩。