Web开发中,你不知道的这些入门申阶技巧

陈保川

共 2552字,需浏览 6分钟

 · 2019-10-31

现如今,互联网信息时代的来临,整个互联网的Web应用程序也不断在创新,层出不穷,很多人都想web的开发中,占有自己的一个部分。那么如何从小白快速入门,成为web开发工作者呢?



对于刚刚入门的小白来说,只有在掌握一定的技术下进行不断去实践,不断地去尝试web开发,才能算是入门。



1、想清楚什么是你自己想要的



我们在做事情的时候,永远都要知道你自己什么是最想要的,越清楚开发计划即越专业。我们要在自己的选择上进行细化,缩小我们的选择范围。我们自己心里越清楚想要什么,那么我们所制作的开发计划越专业,不能让自己的选泽太宽泛。



无论做一个传统的桌面应用程序,还是做一个Web应用程序,前期的分析与设计是不可避免的。需求分析,你必须了解你要做的是什么,你的客户到底想要的是什么。



tKDKD3FLry.jpg



如何才能清楚的知道你自己到底想从事哪一门专业呢?反复试验、尝试错误,调查和能力评估测试都是一个好的开始。但是了解你自己是最重要的一点:你喜欢什么、不喜欢什么等等。你想一天天都在写代码吗?还是你更喜欢设计接口?把这些都调查清楚。



对于刚开始接触web开发的你,首先你应该简单的画好页面流程图,无论是以什么样形式进行只要到最后你自己能理解这些东西就可以了,这样你就可以对整个系统的脉络都有更清晰的认识。



2、你理解的前端只是JavaScript,是错误的



什么叫做前端开发?

前端开发不仅是一个单纯的JS,是一切以展示页面为目标的工作,都可被归纳为前端开发工作。在我们现已知的前端开发中,除了JS,还有很多技术是我们需要掌握的,比如以浏览器为基础原理的,htmll5,css3等。



何谓前端开发?我认为,一切以展现为目标的工作,都是前端开发工作。在前端开发中,除了JS,还有很多需要去掌握的,比如浏览器原理,html5,css3等。例如我们之前所常用的转盘,在流程上看着虽然很简单,但它综合代表了前端所有的综合应用。你如果是才入门还不了解的话没有一些开发经验,不知道css3或者canvas,也不了解网页优化,是无法满足的。前端是综合技术的应用,但只会用JS是解决不了任何问题的。



h1Fu9EfF1b.jpg



转盘应用,看似简单,但代表了前端知识的综合应用。你没有触摸屏开发经验,不知道CSS3或canvas,不了解网页优化,是做不出来的。前端是综合技术的应用,只会JS是解决不了问题的。



3、深究原理,重视细节——网页原型开发



Vue,React框架等技术普及,越来越多的前端工程师浮于表面,调用框架的API完成任务就完事。要成为一名优秀的前端,绝不能成为单纯的"API调用工程师",一定要掌握框架背后的原理性知识。



我们现在所看到的所有网页原型都是基于html的基础下进行开发出来的,但肯定还是要经过CSS渲染,正常情况下,我们html的文档常常会利用外部样式来对文档进行自定义的改换,javascript也是放在外部文档。



aZ4JTUsi4w.jpg



如果我们按照这样的方式进行分离的话,网站可分为三种:HTML:包含页面中的内容和结果;CSS:页面的外观和表现形式;Javascript:对页面的控制行为。



HTML, Javascript, CSS文件必须是纯文本格式的,这样浏览器才能理解他们,推荐几款不错的编码工具:NotePad++(小巧,免费),EditPlus(功能全面的文本、HTML、程序源代码编辑器),VIM(速度,用它你可以把鼠标扔掉了)。



4、开发时,要注重细节的把控



在我们日常工作中,很多人都是对工作的应付敷衍,这些人往往都不能担任重任,作为前端开发来讲,也是毫不例外。“代码能用就可以了”这往往是程序员的一个弊端。作为在技术道路上有追求的人来讲,一定要对自己的代码进行严格要求,精益求精。



BShfMOj8lS.jpg



比如html中, 我们一定要注意开发时的语义化来对于后期SEO的优化,在

,,中不能用(div)就完事了。Css中在我们编写样式时,不能在页面上样式是有了的,类名和属性排序写的都很混乱,所以在之后的工作中建议大家都按照BEM规范来编写风格良好的代码;JS中变量命名随意化也是大家需要注意的问题。

“代码千万行,注释第一行。命名不规范,同事两行泪。“一首流行诗,饱含了多少程序员的血与泪。



5、对项目进行制定计划



一些开发人员有着一个很致命的错误,大多人都没有制定计划的习惯,很多人在项目进行中时,觉得制定计划并不是一件很重要的事,觉得没有制定计划的必要所以常常都会跳过这一步。



但是随着经验对我们来讲,一个好的计划可以帮助我们节省工作时间,对项目进行整体流程规划,一览就可知道时间交付期限减少交付压力。在我们制定计划时,需要将PSD转换为HTML的元素列表都记录下来,或者将复杂元素分解为简易化并将其写下。



CveLD4g0kE.gif



在制定一个项目的待办事项清单,可以让你对工作更简单化:随时保持自己工作的条理性;可以让头脑保证清醒,让自身专注于手头工作;在遇到问题时,可以提前显示出来,减6、善于和别人交流,结交良书益友,与时俱进



促使我们进步的不仅是要自己埋头苦干,还要和行业内的大神们进行交流学习促进自己的进步,使自己可以快速成长;可以在别人允许下,仔细研究详读项目代码,查看大神的编程思想与逻辑都是可以为自己技术的进步打下良好的基础。

tKEzwZEAtg.jpg

虽然现在网络上各种文档、博客文章已经很丰富了,但是对工作经验不足,基础薄弱的人来说,随手拿起书,时时能学习才是王道,查漏补缺,完整地夯实基础在现有的前端系统中,SPA已不是新词了,在PWA,SSR,小程序不断地流行,前端微服务也在这个时候开始崛起,RN,electron在移动端,桌面端的使用也越来越多。



所以作为前端工程师来讲,最重要的是突破当前岗位需求的设限,对各种技术融会贯通,创造新的技术框架,做技术的领头羊,适应时代发展。

浏览 35
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报