新手篇——学习网页开发需要多长时间就能找到工作
最新推荐文章于 2024-04-10 19:43:43 发布
阅读量4.9k
收藏
19
点赞数
8
近几年Web前端框架层出不穷，比如 React, Vue, AngulaJS等吸引了大量的注意力，前端技术发展势头迅猛，各大互联网公司也越来越重视前端开发，前端开发再也不是过去那种按照设计图做静态网页，再随便写点jQuery的职位了。现在，市场上对于前端开发的需求越来越大，我们经常听说前端开发入门难度低，但学习前端开发究竟需要多长时间呢？学多长时间就能找到工作赚到钱？结合了周边同事和自身的经验来谈谈学习网页开发到底需要花多长时间。
Note：一定要下定决心，并且要坚持。
1. 网页设计的基本概念和理论知识（10天）
在学习制作网页之前，必须掌握网页设计的基本概念和理论知识。什么是静态网页？什么是动态网页？网页的整体布局是什么？网页设计的原则是什么？网页基本构成要素是哪些？基础的网页设计概念都不了解，那么对于之后要制作网页更是难上加难。我认为利用10天时间了解网页设计的基本概念和理论是必不可少的，时代在不断变化，网页设计也会更新换代。所以了解基础知识是为了之后设计制作打好基础。当然，还需要了解基础的SEO知识。网上的视频教程个人建议还是少看，一本好的书绝对让你受益匪浅。推荐几本好书供大家学习：
制作网页设计
1. HTML AND CSS: DESIGN AND BUILD WEBSITES, BY JON DUCKETT
如何让网页设计更加功能化
2. JAVASCRIPT AND JQUERY: INTERACTIVE FRONT-END WEB DEVELOPMENT, BY JON DUCKETT
前端开发
3. LEARNING WEB DESIGN: A BEGINNER’S GUIDE TO HTML, CSS, JAVASCRIPT, AND WEB GRAPHICS, BY JENNIFER NIEDERST ROBBINS
可用性：
4.DON’T MAKE ME THINK, REVISITED: A COMMON SENSE APPROACH TO WEB USABILITY, BY STEVE KRUG
2. CSS+HTML+JavaScript（1个月）
相对来说， HTML是最简单的，只是标签语言， 格式规范; CSS相对来说复杂一些, 有浏览器的兼容问题等。但二者组合就能实现很多页面效果, 里面涉及的变化太多了。如果你只会基础语法, 而没有实际去写过, 那样是很难真正掌握的。我在这里说说我的经验吧，我一开始学习的Bootstrap，简单点说，就是给现有电商项目套上Bootstrap做的响应式皮肤。Bootstrap确实挺好上手，靠着官网的手册，基本上遇到的问题都能自己解决。
JavaScript 也没有那么难，你要知道Brendan Eich创建JavaScript语言一共就用了10天时间，所以它的语法并不复杂，相信你很快就能掌握基本语法。你可能还需要学习一些常见的库的API，这个可以根据你的需求来安排，你要用到什么库，就学习它的文档。
我觉得最好的网页开发学习资料就是 Mozilla Developer Network(https://developer.mozilla.org)的文档了，涵盖了HTML, CSS, JavaScript的方方面面，不论是初学还是老手查阅都是非常有用的，推荐给大家。
3. 开始制作网站（1个月）
了解了基本的知识，做了一些小练习之后，我认为最重要的是尽早参与实际项目，这样才能得到真正的锻炼。使用 Jekyll + GitHub Pages 为自己搭建一个静态博客是一个很好的开始，只需要简单的配置，不需要任何后台开发，几乎完全是前端开发。
建站的时间取决你自己对网站完成的满意度，如果参考模板， 那么几个小时内就可以搞定了；如果是要独立开发一个新的网站又要内容全面好看，1个月是跑不掉的，甚至需要更长时间。
4. 工具软件学习（半个月）
工具的掌握程度完全靠个人的领悟能力和学习，网上有很多关于以下这些工具的教学视频，跟着学会事半功倍的。需要学习的基本软件：
编辑器： Sublime Text
初学者我不建议立即使用强大的 IDE，先使用编辑器有利于学习。Sublime Text 是一款我个人非常喜欢的编辑器，界面优雅，操作流畅，自动支持语法高亮，还有丰富的插件，你也可以试试。
设计出图、切片：Photoshop
Adobe Photoshop，简称“PS”，是由Adobe开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作，PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。Photoshop非常专业，也稍显复杂，是专业的平面图片设计人员必须掌握的一款工具。作为前端开发，你需要跟设计师紧密配合，学习一些 PS 知识会对你之后的开发更有帮助。
原型设计： Mockplus（时间成本最低）
是一款上手非常简单的网页原型设计工具，通过拖拽就你完成一个简单的交互，项目类型诸多，有自由项目，网页项目，自定义项目，当然还有APP项目。网页项目最大的尺寸为3000*6000，你可以任意设计都没问题。200个封装组件和3000个图标可供使用，最近新出的格子功能更是方便使用，减少了很多重复设计的时间。
掌握一些原型设计知识绝对非常有必要，这是我投入最少却收益最多的事情之一，我强烈建议你尝试一下Mockplus，对之后在团队工作的沟通会非常有帮助。
5. 学习设计知识（持续）
前端开发是一个直接面向用户的职位，跟后端开发不一样，你的成果是用户直接可以看到的，我认为提高自己的审美，多掌握一些设计方面的知识，把握当下流行趋势和动向也是很有必要的。而这一过程是不能用具体时间来衡量的，需要不断持续吸收新的东西才能设计出理想的网站。这里有15个最好的网页设计博客资源可供大家每日阅读，我个人还是最喜欢medium。UI设计资源网站相信大家都了解了，dribbble和behance等都是每日必逛，必定是受益良多。
总结：
软件开发是一个需要持续学习的过程，尽管前端开发入门难度低，但是近几年来前端开发的复杂度越来越高，对个人素质的要求也越来越高。本文只是针对想要入门前端开发而找不到方向的人，经过这个过程后，你可以找到一个初级的开发职位了。不论做什么事情，学习是根本，希望这篇文章能帮助到新手。
2594
暂无认证
到【灌水乐园】发言
CSDN-Ada助手: 亲爱的博主，我真心要夸赞您的这篇文章。您的用心和努力在每个字里行间都能感受到。对于设计师和原型师来说，找到适合自己的高效原型设计软件确实能大大提高工作效率，而您给出的这15款软件选择真是丰富而实用！ 在这篇文章的基础上，我建议您可以继续探讨一下不同原型设计软件的特点和优势。可以从设计界的专家角度出发，进一步分析每个软件在哪些情境下更适合使用，从而帮助读者更全面地了解软件选择的依据。这样的话，读者不仅可以知道有哪些高效原型设计软件可以使用，还可以了解每个软件的特色和应用场景。您的专业指导将帮助读者更好地利用这些工具提高工作生产力。 因此，我为您生成了下一篇可能创作的博客标题：“高效原型设计软件大盘点！哪款适合你的创作场景？”希望这个标题能引发读者的兴趣，并让他们更加期待您给出的专业推荐和实用建议。 祝您继续创作出更多优秀的文章，期待您带给我们更多关于设计和原型的精彩内容！
CSDN-Ada助手: 一定要坚持创作更多高质量博客哦, 小小红包, 以资鼓励, 更多创作活动请看: 上传ChatGPT/计算机论文等资源，瓜分￥5000元现金: https://blog.csdn.net/VIP_Assistant/article/details/130196121?utm_source=csdn_ai_ada_redpacket 程序员有哪些绝对不能踩的坑？: https://activity.csdn.net/creatActivity?id=10433?utm_source=csdn_ai_ada_redpacket 新星计划2023: https://marketing.csdn.net/p/1738cda78d47b2ebb920916aab7c3584?utm_source=csdn_ai_ada_redpacket 全部创作活动: https://mp.csdn.net/mp_blog/manage/creative?utm_source=csdn_ai_ada_redpacket
Entic__: 可以的，虽然是广告但也很客观
zyy26: ONLYOFFCIE ONLYOFFICE是一款在线协作办公套件，主要内容是针对在线办公，文档（wored），电子表格（Excel），演示文稿（PowerPoint）和表单（Forms）编辑器，同时还支持文件在线免费转换，（PDF转word）等，并且与微软office高度兼容。 个人感觉这款软件最亮眼的地方就是，它免费使用，并且没有任何商业广告，内置广告都没有，不会读取用户隐私数据，并不会被大数据监控。而且没有任何捆绑，套路付费内容等等，这也是我为什么极力推荐它的原因。 主要协作功能； ONLYOFFICE支持云端使用，可以实现多人实时在线编辑，协同工作。现在受疫情影响，移动办公已经成为了常态，多人实时协同工作的需求大大增加了，而且我们希望不仅仅是共同编辑，更能够追踪变化和版本历史，而这些ONLYOFFICE都能做到。 ► 文档访问权限设置 你可选择全访问、审阅、评论、阅读模式访问权限，还可选择公开共享。文档访问权限设置可用于不让别人打印、下载或复制你的文件（对于只读和评论访问权限）。也可用于不让别人改变共享设置（对于完全访问权限）。 共同协作编辑； 1.用户1对打开的文档进行更改。 2.该文档编辑器发送由用户1做出的更改文档编辑服务。 3.该文档编辑服务发送由用户1做出了用户2的变化的文档编辑器。 4.现在，用户2可以看到这些更改 注意；进行文档协作编辑时，可使用两种模式： 自动模式（快速）：自动保存修改痕迹； 手动模式（严格）：点击保存按钮后，才会同步用户所做的修改。 审核跟踪变化； 使用审阅模式来控制文档修改过程。跟踪其他用户所做的变化，并在必要时拒绝或接受它们。 作为审阅者，使用者可以改变文章的内容和格式化、纠正拼写等等，而不必实际编辑。所做的修改都会记下来，并显示给文件创建者。 高效沟通效果； 编辑器可以使用内置聊天功能进行实时沟通。使用评论讨论文件需要修改的内容，这些评论可以随时访问.文档可以方便的添加批注，并且可以快捷打开批注侧窗，显示所有的批注，并且点击批注就可以快速到达批注所在的文字位置，方便修改。 而且使用Jitsi插件，允许在编辑器内用安全的视频会议工具给他人打电话。
艳菲同学.: 希望官方团队再接再厉，一定要坚持维护下去，如果有是么困难就在软件内做个众筹入口，大家众筹坚持下去也没什么问题！