自学前端第一步应该怎么做_前端怎么学
Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
自学前端第一步应该怎么做_前端怎么学,希望能够帮助你!!!。
在知乎上看到这样一个提问，“学完了html和css怎么做静态网页啊，没有头绪，初学者都是这样的么，感觉手拿筷子，不知道怎么用？”我自己也是新手前端，非常理解题主说的“手拿筷子，不知道怎么用”的阶段，所以分享几个我自己学习前端过程中的小贴士。
自学前端，经历了跟题主一样阶段，最初是在w3school上学习基础知识，各种标签、样式记了一大堆，当我打开编辑器，想做一个自己想像中的静态页面的时候，依然没有头绪。
现在的我已经开始体会到前端开发的乐趣，不会因为“没有头绪”而感到挫败，因此跟题主分享一下我的学习心得。
1.找一个顺手的IDE，不要相信什么“记事本也能写html”的话，趁手的IDE有html模版，有语言高亮，自动补全等功能，对于新手来说是相当友好了。
我用的sublime3，这个软件免费（虽然按ctrl＋s的时候，偶尔会弹出付费提示，但是频率不高，直接忽略就好了），内存占用小，安装包只有14.2MB，下载安装非常方便。用sublime写html，有模板，而且自带语法高亮、自动补全这些插件，上手so easy。
当你只用花几分钟下载安装好sublime，打开创建一个html模版，直接看到这样一个画面的时候，是不是觉得很愉悦呢！<head>标签里那一堆烦人的设置，不用自己敲出来，彩色的代码跃然眼前，爱上编程就在一瞬间。
2.通过在网页上点击右键查看源文件来模仿一个网页，并不是一个好主意。
自从我发现鼠标右键点击网页就可以审查元素看到网页代码的时候，我天真的以为模仿一个页面只需要把网页下载下来保存成html文件，或者右键查看源文件就OK了，然而，当我找到一个看似简单的页面查看源文件时，彻底懵逼了，为什么一个搜索页面，主要元素就一个标题+搜索框，源文件却如此复杂。
搜狗这个页面的源文件，竟然有374行代码，仅凭简单的前端基础，这些代码中有很多看都看不懂，更别提模仿了。所以初学者想从做静态页面来熟悉前端知识，点击右键查看源文件是搞不定的。
3我的诀窍：视频课程练习+网站模板素材
真正帮助我做出静态页面的学习路径，是视频教学+素材网站。
我在慕课网找了一个免费的视频教学课程，叫“从psd到html”，课程提供了做网页的psd文件，可是我的电脑了并没有安装Photoshop，psd文件是打不开的，而且据我所知，现在很多公司的UI设计图用的都是sketch生成的html文件交给前端工程师，没有必要在电脑上装一个Photoshop。
于是我想自己找些网页的图片素材，跟着教程把这个静态页面做出来，找素材的过程中，我发现网上很容易找到一些精美网页模板，下载了几个下来，发现是非常好的学习素材。
于是我一边跟着视频课程做网页，一边研究这些模板网页的布局、样式。试着用各种方式实现同一种效果，做完一个网页，把position+float布局，以及flex布局的基础知识都学会了。
布局搞定，块级元素的盒装模型在实践中也有了更深的理解，网页的骨架就会做了，再细节，比如用css画个三角形，画个阴影啊什么，慢慢学习就好，到这个阶段，就不会觉得“没有头绪”了。
今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
下一篇
已是最新文章
最新文章
更多>
