程序员自学难吗

桃扇骨 2023-09-23 22:20 64阅读 0赞

程序员自学其实不难的，我自己就是自学前端的程序员，现在已经工作有几年了。程序员自学难的不是学习，而是坚持！

很多人学了，时间花了，但是可能由于短时间内看不到效果，放弃了，这就是很多人都有的一种学习困局。

下面我分享一下我的自学经历，希望对你有所帮助。

其实，我想说，我真的没有开挂的人生，也没有传奇般的经历，也算不上什么普通人的逆袭啥的，只有一些自我学习、成长之路的过程。今天，给大家分享一下我的IT从业之路的经历，希望对大家有所帮助、有所借鉴。

“自律和坚持，是我走IT技术之路的唯一捷径。”

页面可以搭建起来之后，就可以开始学习JavsScript和TypeScript，这个也是前端的基础，但是比写页面的难度要高一点，但是非常重要，所以一定要认真地打好基础。

然后可以开始学习框架，（其实基础还不是很足，但是为了可以快速就业或者实现可以开发的成就感），我们可以先学习框架，现在最火的框架其实是[vue.js][]和React，个人建议是先学vue.js，因为vue.js是渐进式的框架，并且学习起来比较容易入门。

到这里为止，你应该就可以自己写一些页面出来，或者可以开发一个应用了。

但是前端到这里还远远不够，这只能算入门，还有一些其他的，比如微信小程序、nuxt.js、[node.js][]等等，都是需要自己慢慢去学习研究的，还有webpack、glup等前端的打包工具，都是区分是否是高级[前端工程师][Link 1]的重要知识点，就看入门之后自己的自学了。老师也么有办法跟你一辈子的。

最后就是尽量多看一些公开课，各个平台有很多的免费的公开课，可以自己多看看，然后没看懂的专门寻找这部分的知识进行补充了解。

前端的css真的不难，给个css文档：

[https://www.w3school.com.cn/cssref/index.asp][https_www.w3school.com.cn_cssref_index.asp]

CSS 属性
    A
    align-content    规定弹性容器内的行之间的对齐方式，当项目不使用所有可用空间时。
    align-items    规定弹性容器内项目的对齐方式。
    align-self    规定弹性容器内所选项目的对齐方式。
    all    重置所有属性（除了 unicode-bidi 和 direction）。
    animation    所有 animation-* 属性的简写属性。
    animation-delay    规定开始动画的延迟。
    animation-direction    规定动画是向前播放、向后播放还是交替播放。
    animation-duration    规定动画完成一个周期应花费的时间。
    animation-fill-mode    规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。
    animation-iteration-count    规定动画的播放次数。
    animation-name    规定 @keyframes 动画的名称。
    animation-play-state    规定动画是播放还是暂停。
    animation-timing-function    规定动画的速度曲线。

![e730ca3622e2425b8eb5225f3abdb25e.jpeg][]

[vue.js]: https://www.zhihu.com/search?q=vue.js&search_source=Entity&hybrid_search_source=Entity&hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A1734846964%7D
[node.js]: https://www.zhihu.com/search?q=node.js&search_source=Entity&hybrid_search_source=Entity&hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A1734846964%7D
[Link 1]: https://www.zhihu.com/search?q=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88&search_source=Entity&hybrid_search_source=Entity&hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A1734846964%7D
[https_www.w3school.com.cn_cssref_index.asp]: https://www.w3school.com.cn/cssref/index.asp
[e730ca3622e2425b8eb5225f3abdb25e.jpeg]: https://img-blog.csdnimg.cn/img_convert/e730ca3622e2425b8eb5225f3abdb25e.jpeg