当前位置:首页 » 网页前端 » 前端新人使用库会丢人吗
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端新人使用库会丢人吗

发布时间: 2023-04-28 07:57:25

1. 学习web前端需要学数据库

学习web前端其实是不用学习数据库的
web前端主要学习的内容有:
1、Web前端需要掌握HTML+CSS的静态布局相关知识。
HTML主要就是网页编辑,这部分知识非常简单,基本上都能学会。当然前提是经常练习要掌握熟练。
2、Web前端还需要学习JavaScript的知识。
JavaScript是Web前端中最重要的知识,所以这部分知识要引起重视。当然难度也相对较大,同学们需要用功学习哦!
3、Web前端需要学习jQuery。
其实jQuery要容易一些,不过不要认为有了jQuery就忽略了JavaScript,大型互联网公司都是直接用JavaScript写的,这样的安全性要更加的高。看这个人对自己的标准是怎么样的。
4、Web前端需要学一点HTML5+CSS3的知识。
不要认为HTML5只是添加了一些标签而已,如果有兴趣可以去网络看看HTML5的强大之处,很多的特效用CSS3都可以做。
5、Web前端Bootstrap框架的学习,这个框架应该每个东西都会用,难度不大,必须掌握。
6、Web前端还要学习Node.js–react–angular.js—backbone其实这些东西如果你JavaScript理解的一般,学起来会困难一些,不过前端框架更新的还算很快。如果能够把JavaScript学好其实上面都够了。

2. 前端开发需要掌握的经验

提高程序员的工作经验除了通过项目实际开发以外,只有平时的知识积累以及简单的程序开发测验等项目来提高了。今天,我们就一起来了解一下,在提高开发工程师操作经验的时候,都有哪些方面是需要掌握的。



在此之前,如果你需要使用一些外部的库或者任何插件,你都需要手动下载相应的JavaScript和CSS文件,然后把它们放进项目中。但是如果这些库或者插件发布新版本的话,你也得在项目中做出相应的更新,这样管理项目是非常麻烦的。包管理器帮助你解决了这个麻烦,它们可以帮助你自动地将外部库和插件引入到项目中,这样你就不必专门手动更新外部文件了。包管理器有yarn和npm,两者几乎相同,都只有安装的功能。你可以选择其中的任何一个,一旦学会使用其中的一个,另一个也就会了。


让我们学以致用


当你对包管理器有了基本的了解之后,就可以在你制作的网页中引入一些外部库。例如你可以安装一些Toast插件,当用户点击按钮的时候,用Toast插件向他们显示信息;或者你可以创建一个登陆表单,利用一些表单验证库来进行表单验证。可以学习如何使用不同的库,并了解如何安装不同的版本。


CSS预处理器


预处理器让CSS的功能更加丰富。CSS预处理器有Sass,Less,Stylus等等。如果让我选择的话,我喜欢Sass。近比较流行的CSS预处理器是PostCSS,它的作用相当于CSS的解析器,了解它的使用也是很不错的。它可以单独使用,也可以配合Sass使用。我的建议是先学会Sass,后面如果你有时间的话可以再研究PostCSS.


CSS框架


你不需要再学习CSS框架,当然如果你想学习的话,也有很多选择。我喜欢的CSS框架是Bootstrap、Materialize和Bulma。但是结合现在的市场需求来说,我会选择Bootstrap。


CSS文件管理


随着项目的复杂程度增加,CSS也会开始变得混乱而无法缓裤维护。我们也有很多方式可以更好地构建CSS,以实现可伸缩性。例如OOCSS、SMACSS、SUITCSS、Atomic和BEM。你可以了解下它们之间的不同,我个人更喜欢BEM。


构建工具


构建工具可以帮助你构建、打包和开发JavaScript应用程序。这里包括校验工具、自动化构建工具及打包工具。


自动化构建工具有npm、gulp、grunt等。但是现在Webpack已经能够实现Gulp的很多功能,所以,现在通常都只使用npm来配合webpack完成任务自动化银哪肆。你不必学习Gulp,当然以后如果你有时间的话,也可以了解一下,看看它是否适用于你的项锋轿目。


校验工具有ESLint、JSLint、JSHint和JSCS,但是目前大部分人都使用ESLint。


打包工具有Parcel、Webpack、Rollup、Browserify等等。如果必须选择一个的话,请毫不犹豫地选择Webpack。Rollup也很常用,但是北大青鸟昌平计算机学院建议将它用在库里面。在开发app的时候,请使用Webpack。所以,现在请开始自学Webpack,如果你愿意的话,了解一下Rollup也可以。


3. 现在学习前端开发还有前途吗

现在的前端渐渐趋向大前端路线,工程化,而且公司招聘前端工程师的要求也越来越高,前端研发的职责一直在改变,同时前端研发需要掌握的技术也在迭代更新这就更需要我们去持续学习。无论你是做前端还是后端,是java还是其他语言,程序员都是要不断接受新技术的,我们不应该抗拒新技术的学习。对于大部分企业来说,只要所学技术能满足其需求,并且能时刻关注了解掌握前沿技术,且达到学历要求,那么你只需要努力,剩下的就交给时间了。

4. 如何成为前端工程师

一、技术的必须的

作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下(包括搜索引擎),能够完成大多数任务。

以下知识点是作为一个前端工程师必须了解和熟悉的:

  • DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

  • DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

  • 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。

  • XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。

  • 严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。

  • 盒模型——外边距、内边距和边框之间的关系,IE < 8中的盒模型有什么不同。

  • 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

  • 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

  • HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。

  • JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。

  • 上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识,也还需学会至少一门后端编程语言,让你自己学会如何与后端进行更好的交互。

    很多前端工程师对一些库非常的熟悉,jQuery,Bootstrap等,但是对于库的熟悉并不能提现你的优秀,整整优秀的是那些理解库背后的机制,特别是能够徒手写出一个自己的库的人。

    真正合格的前端工程师是能实现具体的功能要求,而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。

    二、沟通很重要

    优秀的前端工程师需要具备良好的沟通能力,因为你的工作与很多人的工作息息相关。在任何情况下,前端工程师至少都要满足下列四类客户的需求。

  • 产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求,以及怎样通过他们设计的模式赚到钱(但愿如此)。一般来说,这些人追求的是丰富的功能。

  • UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。

  • 项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点,无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化,以及不在升级更新时引入新问题。

  • 最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道,但他们的反馈意见至关重要;没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能,以及竞争性产品所具备的功能。

  • 不要在没有作出评估之前就随便接受某项任务。你必须始终记住,一定先搞清楚别人到底想让你干什么,不能简单地接受“这个功能有问题”之类的大概其的说法。而且,你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理,问一问这个按钮有什么用处,然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师,这种沟通至关重要。

    那么,前端工程师应该最关注哪些人的意见呢?答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期,然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上,因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能,必须删繁就简,你怎么跟产品经理解释?再比如,假设某个设计如果不改回原方案可能会给应用程序造成负面影响,你怎么才能说服UI设计师?作为前端工程师,你必须了解每一类人的想法从何而来,必须能拿出所有各方都能接受的解决方案。从某种意义上说,优秀的前端工程师就像是一位大使,需要时刻抱着外交官的心态来应对每一天的工作。

    专业技术可能会引领你进入成为前端工程师的大门,但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力,才会真正让你变得优秀。

    三、提升无止境

    优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的,这些技术几乎每天都在变化,如果没有快速学习能力,你就跟不上Web发展的步伐。你必须不断提升自己,不断学习新技术、新模式;仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别,而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

    四、前端开发知识架构

  • 前端工程师

  • SVG/Canvas/VML

  • D3/Raphaël/DataV

  • 知识管理/总结分享

  • 沟通技巧/团队协作

  • 需求管理/PM

  • 交互设计/可用性/可访问性知识

  • 编译原理

  • 计算机网络

  • 操作系统

  • 算法原理

  • 软件工程/软件测试原理

  • D2/WebRebuild

  • NodeParty/W3CTech/HTML5梦工厂

  • JSConf/沪JS(JSConf.cn)

  • QCon/Velocity/SDCC

  • JSConf/NodeConf

  • YDN/YUIConf

  • MongoDB/CouchDB

  • HTML5/CSS3

  • 响应式设计

  • Zeptojs/iScroll

  • V5/Sencha Touch

  • PhoneGap

  • jQuery Mobile

  • CSRF/XSS

  • ADsafe/Caja/Sandbox

  • 类库模块化

  • 业务逻辑模块化

  • 文件加载

  • CommonJS/AMD

  • YUI3模块

  • LABjs

  • SeaJS/Require.js

  • 压缩合并

  • 文档输出

  • 项目构建工具

  • YUI Compressor

  • Google Clousure Complier

  • CleanCSS/UglifyJS

  • JSDoc

  • Dox/Doxmate

  • make/Ant

  • GYP

  • Grunt

  • Yeoman

  • 数据结构

  • OOP/AOP

  • 原型链/作用域链

  • 闭包

  • 函数式编程

  • 设计模式

  • Javascript Tips

  • JSPerf

  • YSlow 35 rules

  • PageSpeed

  • HTTPWatch

  • DynaTrace’s Ajax

  • 高性能JavaScript

  • HTTP1.1

  • ECMAScript3/5

  • W3C/DOM/BOM/XHTML/XML/JSON/JSONP

  • CommonJS/AMD

  • HTML5/CSS3

  • jQuery/Underscore/Mootools/Prototype.js

  • YUI3/Dojo/ExtJS

  • Backbone/KnockoutJS/Emberjs

  • Coding style

  • 单元测试

  • 自动化测试

  • JSLint/JSHint

  • CSSLint

  • Markup Validation Service

  • QUnit/Jasmine

  • Mocha/Should/Chai

  • WebDriver

  • IDE

  • 调试工具

  • 版本管理

  • VIM/Sublime Text2

  • Notepad++/EditPlus

  • WebStorm

  • Firebug/Firecookie

  • YSlow

  • IEDeveloperToolbar/IETester

  • Fiddler

  • Git/SVN

  • Github/Bitbucket/Google Code

  • HTML/HTML5

  • CSS/CSS3

  • PhotoShop/Paint.net

  • JavaScript/Node.js

  • JavaScript语言精粹

  • IE6/7/8/9

  • Firefox

  • Chrome/Safari/Opera

  • 浏览器

  • 编程语言

  • 切页面

  • 开发工具

  • 代码质量

  • 前端库/框架

  • 前端标准/规范

  • 性能

  • 编程知识储备

  • 部署流程

  • 代码组织

  • 安全

  • 移动Web

  • JavaScript生态

  • 前沿技术社区/会议

  • 计算机知识储备

  • 软技能

  • 可视化

  • 后端工程师

  • Unix/Linux/OS X/Windows

  • SQL

  • MySQL/MongoDB/Oracle

  • C/C++/Java/PHP/Ruby/Python/…

  • 编程语言

  • 数据库

  • 操作系统

  • 数据结构

  • 参考链接:

    http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.html

    JacksonTian/fks · GitHub

5. 前端要学数据库吗

前端开发需要学习数据库,后端部分要基本懂一些,数据库一般是后端开发负责,很多公司前端现在也在负责数据库等和后端结合,向全栈开发方向发展。
MongoDB
MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。相比较于MySql,它省去了建表等繁琐的操作,可以实现类似于js的对象操作。
MySQL
MySQL的开放式的架构使得用户选择性很强,同时社区开发与维护人数众多,其功能比较稳定,性能卓越,且在遵守GPL协议的前提下,可以免费使用与修改,也为MySQL的推广与使用带来了更多利好。在MySQL成长与发展过程中,支持的功能逐渐增多,性能也不断提高,对平台支持也越来越多。
MySQL是一种关系型数据库管理系统关系型数据库的特点是将数据保存在不同的表中,在将这些表放入不同的数据库中,而不是将所有数据统一放在一个大仓库里,这样的设计增加了MySQL的读取速度,灵活性可管理性也得到了很大提高。访问以及管理MySQL数据库的最常用标准化语言为SQL结构化查询语言。
绝大多数的使用Linux操作系统的大中小互联网网站都在使用MySQL作为其后端的数据库存储,从大型BAT门户,到电商平台,分类门户等无一例外都使用MySQL数据库。那么,MySQL数据库到底那些优势和特点,让大家义无反顾的选择它呢?
原因可能有以下几点:
1.MySQL性能卓越,服务稳定,很少出现异常宕机2.MySQL开放源代码且无版权制约,自主性及使用成本低3.MySQL历史悠久,社区及用户非常活跃,遇到问题,可以寻求帮助4.MySQL软件体积小,安装使用简单,并且易于维护,安装及维护成本低5.MySQL品牌口碑较应,使得企业无需考虑就直接用之,LAMP,LEMP流行架构。6.MySQL支持多种操作语言,提供多种API接口,支持多种开发语言,特别对流行的PHP语言有很好的支持。

6. 前端能干什么

前端开发族游人员可以从事以下工作:

网站或应用程序开发:前端开发人员可以使用HTML、CSS、JavaScript等技术来创建网站或应用程序的用户界面。他们需要与后端开发人员密切合作,以确保整个网站或应用程序能够正确地前穗滚工作。

前端框架或库的开发:前端开发人员可以负责开发或维护前端框架或库,如React、Vue、Angular等。这些框架或库可以帮助其他开发人员更快、更方便地开发网站慧余或应用程序。

用户体验设计:前端开发人员可以与用户体验设计师合作,帮助设计师将设计图转化为可交互的网站或应用程序。

网站或应用程序的优化:前端开发人员可以使用各种技术和工具来优化网站或应用程序的性能和响应速度,以提高用户体验。

移动应用程序开发:前端开发人员可以使用各种技术和工具来创建移动应用程序的用户界面,如React Native、Flutter等。

总之,前端开发人员可以从事许多与网站、应用程序、移动应用程序以及用户体验等方面相关的工作。

想要系统学习,枯伍你可以考察对比一下开设有相关专业的热门学校获取资料好的学校拥有根据当下企业需求自主研发课程的能力,能够在校期间取得大专或本科学历,中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的,建议实地考察对比一下。

祝你学有所成,望采纳。

北大青鸟学生课堂实录

7. 前端不使用第三方库就是重复造轮子吗

前端不使用第三方库不是重复造轮子。关于重复造轮子是否码蔽必要,中庸点来说便是仁者见仁智者见智,这有点有点玄之又玄的味道。
有人说必要,有人说不必要,于是就有人无所唯颤适从迟山州了。
从粗浅的商业角度来说,重复造轮子是十分不必要的,作为赶场者,要的是及时,如果赶不上趟那日子便难过了,我想稍有阅历的人都是能理解的。

8. 零基础开始学 Web 前端开发,有什么建议吗

一 · 前端零基础入门

从前端基础入门知识学起,掌握基本的HTML+CSS网页布局,以及简单的JS特效,最终可以独立开发出前端PC网页。

二 · 响应式开发与常用框架

使用H5+CSS3实现网页动态特效,通过Bootstrap框架学习,从原生编码过渡到框架使用,更高效的开发出适配各个设备的响应式网页。

三 · 组件化思想开发电商网页

学会H5进阶内容:svg、canvas、H5存储、拖拽上传等,对JS、jQuery进行提升,学习企业开发模式——组件化开发,在企业项目团队中协同合作,实现“高内聚、低耦合”的网页搭建。

四 · 热门框架Vue开发WebApp

学习JS的最新版本ES6,前端流行框架Vue.js, 结合最流行的打包工具Webpack,掌握一个项目上线前的所有开发流程,真正成为一个能够满足企业需求的前端工程师。

9. 做前端开发的需要与数据库打交道吗

这个是不需要的,前端主要负责页面开发,也就是用到html、css、js这些基本的技术,最多涉及到Ajax,接口都是写好的,只要调用就可以了。数据库都是有后台人员来写的。

10. 如何成为前端工程师

如何成为一个优秀的Web前端开发工程师?
一个优秀的前端工程师必须能适应技术的发展,不断突破提升自己的能力,了解前端发展的趋势是必不可少的。
前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。随着互联网技术发展,前端技术也在不断地更新。需要前端开发的场景也在不断延伸,从传统的网站,到移动端开发,再到各类可穿戴设备,前端开发的交互设计也从基本的鼠标键盘,到触屏,甚至感控,手势行为等等。不难发现前端的发展趋势正在从“单端向多端发展”、“界面正在从GUI向NUI演进”,VR / AR等相关技术也越来越成熟。

一、好奇心
为了了解前端发展趋势,一颗好奇心是必要的。可以多关注技术博主,技术新闻等获取新技术的信息,不能排斥新技术,保持好奇心,拓展知识面,可以帮助自己快速的查漏补缺,快速成长。

二、专注力
浅尝辄止收效甚微,所以还需要一定的专注力。这个专注力不仅是指对于当前使用的技术上,更指一些新的热门技术。尤其对于些前端老人来讲,接纳一门新技术是耗时耗力的,但互联网相关技术最大的特点就是更新快,如果固步自封,是不会进步和成长的。

三、合适的学习方法
新的技术层出不穷,想要都每一个都深入学习是不现实的,所以,优秀的开发者要创建自己的学习方法。无论通过什么方式学习,与已经融会贯通的技术做类比去学习往往是见效比较快的。可多写些博客记录自己的学习感悟,在技术社区经常和同行多沟通交流意见也能得到意想不到的收获。

四、避免广而泛
如果你是一个想要成为优秀工程师的前端开发者,请记住,前端工程师的成长需要一定时间跨度的经验积淀。“这个我也懂,那个我也知道......”,这种广而泛的技术面是远远不够的。一个前端工程师要踩过多少坑,才能称的上是一个专业的前端工程师。真正的优秀不是纸上谈兵没事靠着自己的实践一点一点积累来的。