山东省优质高职院校建设网站,增城移动网站建设,常宁网站开发,wordpress主题沐风前端开发#xff0c;做到后面#xff0c;是可以走很多方向的#xff1b;但是要保证后期的平滑过度#xff0c;前期还是要把一些必须的知识搞扎实的#xff1b;web前端开发需要学什么环境搭建前端环境很好搭建#xff0c;编辑器浏览器即可。浏览器推荐使用 Chrome行业内主… 前端开发做到后面是可以走很多方向的但是要保证后期的平滑过度前期还是要把一些必须的知识搞扎实的web前端开发需要学什么环境搭建前端环境很好搭建编辑器浏览器即可。浏览器推荐使用 Chrome行业内主流的编辑器有下面三个webstorm也有人用IDEA属于一个妈的工具没有啥大区别WebStorm是针对前端开发优化过的比较推荐这个vscodesublime初学者随便找一个就好喜欢轻量级的使用vscode喜欢工业风一样的使用webstorm;我个人是两个工具都有使用还有一个说明的VScode是开源免费的webstorm是收费的代码类html标签css属性JavaScript这个是重中之重ECMAScriptDOMBOMjquery随便了解下UI框架bootstrapmv*框架选择一个学习ReactVueAngularNodejs上面的这些就足够了剩下需要学习的就是方向性质的东西了就没有办法推荐了要根据你自己的工作性质来选择根据后期方向学习如果想做非WEB前端的工作不是用户浏览器渲染的场景那么 Nodejs是必须要研究的除此之外再根据不同语言来特定选择。做PC桌面端方向需要多了解 Electron做手机端可能要学习下 react-native做WEB后端开发可能要学习 Express Koa NestEgg还有就是要学习下一种关系型数据库和非关系型的MySql / postgreSQL 随便选择一个Mongodb前端学习路线首先学习的时候不要想着大而全很多知乎上包括网上列举的学习路线都是想着大而全什么都去搞恨不得把前面5年的学习路线都安排好的我觉得新手不应该这么做新手学习的时候应该有自己的主要方向不要贪心不要想着大而全前端是很繁荣是新技术层出不穷但是新手的大部分时间应该死磕核心部分01.环境搭建前端环境很好搭建编辑器浏览器即可浏览器推荐使用 Chrome行业内主流的编辑器有下面三个webstorm也有人用IDEA属于一个妈的工具没有啥大区别WebStorm是针对前端开发优化过的比较推荐这个vscodesublime初学者随便找一个就好喜欢轻量级的使用vscode喜欢工业风一样的使用webstorm;我个人是两个工具都有使用还有一个说明的VScode是开源免费的webstorm是收费的更多的前端开发环境的效率工具可以参考我分享了一个 搭建WEB前端开发环境有哪些常用软件需要安装呢感兴趣的可以看看了解前端开发中都使用什么软件02.HTML如果要做网页HTML是基础骨架必须要掌握的1.先通过 HTML 教程 学习大概2.再通过 HTML5 教程 学习哪些新属性这在做浏览器兼容低版本的时候特别有用3.最后通过 HTML 标签 加深对每个标签的印象到这里你的HTML就算可以熟练掌握了注意本篇文章说的都是你一步一步跟着动手敲代码的基础上说的如果你只是大概浏览下没有真正动手敲代码那是不行的这是一段非常枯燥无味的阶段如果你感觉枯燥无味不要紧的你可以学完 HTML 教程 和 HTML5 教程 后直接进入CSS的学习阶段这样会让你学习的乐趣增加不少等以后合适的时候再回头看逐个研究 html 标签也是一个不错的选择03.CSS做网页如果光有HTML会感觉好像一个半成品一样加上适当的CSS美化会更符合用户体验1.先通过 CSS 教程 学习大概2.再通过 CSS 教程 学习哪些新属性这在做浏览器兼容低版本的时候特别有用3.最后通过 CSS 样式表参考手册 加深对每个属性的印象这个阶段你会稍微有点成就感毕竟是可以做出一些看起来高档上的网页了如果你以后打算做出漂亮的网页那么你最好老老实实把上面三个都按部就班的学习一遍如果你是打算更加偏重于JS的方向那么第三个 CSS 样式表参考手册 可以稍微浏览就好等遇到不会写的样式百度搜索下问题然后再重点看下当时场景用到的CSS属性也是可以的04.仿一个你经常浏览的网站最少重复3次学习玩HTML和CSS之后你写的代码都是这一部分那一部分的没有一个整体的概念这个时候非常推荐你仿制一个你经常浏览的网站只用HTML和CSS去实现遇到JS效果直接不做在动手之前我强烈推荐你一定要开通一个自己的技术博客开通一个技术博客可以使用第三方的博客比如 cnbolg/CSDN/简书/掘金/知乎这些都是国内不错的博客平台开通博客的是用来把你容易忘记和有体会的技术都记录下来不要感觉有些知识点特别low所有的技术大牛也都是一点点的积累才能脱变的学会Github的简单使用如果影响学习兴趣了可以直接跳过注册一个Github账号https://github.com/注册这个是用来管理你的代码因为你下面要模仿一个常去的网站并且不止实现一遍如果有一个版本控制还是非常赞的注意使用Github需要学习基本的Git使用。如果这一步影响你对WEB前端的学习兴趣了那么就直接跳过不要做了这一步是锦上添花的不要强求但是你仿站的代码一定要保存好如果通过练习仿站来提高技术推荐你把整个网页截图下来然后根据图片来实现一般的网页都最低会有 首页 和 详情页 这两个页面然后用你学会的知识根据截图来写出这些网页注意同一个网站最少做3遍注意同一个网站最少做3遍注意同一个网站最少做3遍我个人认为写东西不是越多越好的而是通过敲代码能总结出来的东西越多越多可以逐渐提高自己的技术才是最终目的比如你把小米京东腾讯网等等都写了一边我认为这样是很傻的行为真的就是纯粹搬砖的了对技术的提高并不是很好最好的方式是一个网站你重复的写重复的写然后每一遍都有不错的心得体会第一遍你只需要仿制的和原来完全一样就可以注意这里说的是完全一样最好的是1Px的误差都没有不会写的HTML标签和不会用的CSS属性可以回头查查然后总结出这次写的内容中有哪些可以优化的哪些可以重复使用的元素那些设计的不合理需要重新布局第二遍总结你第一遍的不合理和思路重新设计一般初学者第一遍写的东西基本都是面目全非的避免掉一些不合理的地方抽出一些复用的元素重新设计你的实现思路这一步能不查资料就尽量不要查资料注意这一步是从0开始一定不要在你第一遍的内容上修改来实现实现完成以后记得总结下这一边还有哪些瑕疵第三遍断网并且关掉智能提示再实现一遍这一遍再对第二遍的优化并且需要断网和关闭智能提示来实现可以增强记忆通过上面的3次练习你对静态网页的书写一般会有自己的心得了最好每次都用博客的形式记录下来05.JavaScript通过前面4步的情况下你对静态网页基本算是略有小成了这时候不要骄傲你的水平可能刚刚够得着”切图仔”的水平前端的大杀器是JavaScript你前面学的那些只能算个热身运动作为一个web前端工程师js是很核心的部分也是相对来说很难的一部分其实你写着写着会发现JS其实和CSS一样基本就是那些事情做项目的时候重点反而是复杂场景下的逻辑处理。这时候我推荐你买2本书一本是 JavaScript 高级程序设计 一本是 JavaScript 权威指南这两本书是结合下面一起看的这两本书买来后并不是让你都读完的我推荐你各取一部分的阅读JavaScript 权威指南 有用的部分这本书只读前面一些章节主要是语法和方法部分就是语法表达式语句判断对象类型数字类型字符串类型数组函数这些读完以后这本书的对你的学习意义就没有了JavaScript 高级程序设计这本书总体还是不错的语法和方法部分也可以读下看看和权威指南的表述区别重点是读函数/闭包对象原型原型链基础DOM二级事件AJAX 这些部分提示JavaScript 权威指南这本书在函数/闭包和原型链继承一块写的非常的普通而高级程序设计就写的非常到位这就是为什么两本都推荐买的原因是推荐你有选择的进行阅读JS的学习思路有一个不错的JS入门教程也推荐下是智能社的Blue老师做的 JavaScript教程地址是https://www.bilibili.com/video/av30494570入门使用仅仅是热身智能社这个教程学完其实你的JS处在已经会用但是真正做东西又不知道怎么做的水平我现在正在慢慢整理为一个深度的 JS 教程, 推荐你看看这个教程学习学JS的时候一定要跟着敲学习的目的并不是把教程看完而是慢慢学遇到不会的第一遍不行就第二遍写上面2个教程全部学完以后记得再回头看一遍巩固一下中间把推荐的2本书也多翻翻上面两个教程看完以后你的原生JS已经算可以的了这时候推荐你看看 ECMAScript文档因为前端一直在发展书上和教程上并没有后面新增的JS标准比如2020年出的ES11这些标准ECMAScript文档还可以帮助你定点研究上面如果是一步一步代码写到现在的话全部搞完时间最好是在4个月-5个月的样子完成不要追求快按部就班的搞你后面会越学越兴奋的如果这之前学的不牢固后面容易凉06.用原生JS写一个带AJAX获取信息的项目有些网站会提供对外的API比如天气预报啊便民查询之类的东西你可以用公开的API做一个项目你可以自己选择下不要担心自己的技术这时候你已经很厉害了我推荐你用V2EX的API做一个V2EX的网站API地址是https://v2ex.com/p/7v9TEc53因为有上面第四部的基础写静态页当然是没有问题的了第五步的JS也是为你做了充分的JS基础这时候应该是可以实现自己想要的效果的买盗版视频学习虽然不推荐但是买培训班的盗版视频来学习确实是非常不错的方法培训班的内部视频在淘宝咸鱼上都可以买得到如果本文对你有帮助记得点赞收藏呦
