网站首页 > 技术文章 正文
零基础想学好web前端首先要有规划,了解自学前端需要学哪些知识识。那么废话不多说,web前端自学学习路径如下:
其次工欲善其事必先利其器,学习前端的过程中都要掌握哪些软件呢?常用的开发软件主要有以下几种:(大家可以关注我的专栏,后期会陆续发布详细安装教程)
1、Sublime Text(官网:https://www.sublimetext.com/)
Sublime Text是一个跨平台的代码编辑器,同时支持Windows、Linux、Mac OS X等操作系统,也是HTML的文本编辑器。
Sublime Text具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。
2、Visual Studio Code(简称:Vscode,官网:https://code.visualstudio.com/)
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器,软件功能强大,界面简洁明晰、操作方便快捷,设计得很人性化。软件主要改进了文档视图,完善了对 Markdown的支持,新增PHP语法高亮。
3、notepad++(官网:https://notepad-plus.en.softonic.com/)
软件小巧高效,支持27种编程语言,包括C、C++、Java、C#、XML、 HTML、 PHP、JS 等,Notepad++ 内置支持多达27种语法高亮度显示。是一款小巧而功能强大的软件。
4、editplus(官网:https://www.editplus.com/)
是一套功能强大的文字编辑器,拥有无限制的Undo/Redo(撤销)、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。除了支持HTML、 CSS、 PHP,、ASP、 Perl、C/C++、Java、JavaScript、 VBScript的代码高亮外,还内建完整的HTML和CSS指令功能。
5、WebStorm(官网:https://www.jetbrains.com/webstorm/)
WebStorm是一款Java开发工具,WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
安装好了软件,也了解了都要学什么,那么要怎么开始学习呢,这就需要学习教程啦!学习教程可以从b站、慕课网、腾讯课堂这些平台找免费的学习教程,视频教程学起来更通俗易懂。初学者不建议通过看书学习,因为书上都是一些专业性比较强的词汇,比较难以理解的。
在学习到一定程度之后,你可以再通过看书对知识进行一个巩固提升。
当然,web前端在学习的过程中离不开各种交互效果,下面我就分享几个宝藏网站,一定要收藏哟!
1、17素材网(官网:https://www.17sucai.com/)
17素材网主要收集jQuery网页特效、jQuery网页代码、网站模板、网页模板、企业模板、商城模板、图标等素材,为html网站模板开发人员提供高效率的工作方式。这个网站我在找交互效果的时候经常用,里面有很多让人惊艳的动画效果。
2、GSAP(官网:https://greensock.com/gsap/)
GSAP 可能目前最炫酷的免费动画库之一了。它运行于纯粹的 JavaScript 之上,是目前最强健的动画资源库之一。
它符合 HTML5 的规范,并且和几乎所有的现代浏览器都能良好的协同,可以SVG、画布元素甚至 jQuery 对象良好地协同,诸如 EaselJS 这样的库也可以和 GSAP 联动。
3、CSShake(官网:https://elrumordelaluz.github.io/csshake/)
CSShake可以让你的元素摇晃起来,可以是轻轻的摇晃,水平的摇晃,也可以是疯狂的摇晃……
4、Instafavicon(官网:https://instafavicon.com/)
项目要展示了,少不了一个favicon。这个网站可以帮你快速生成一个简洁美观的站点图标。
5、GitHub(官网:https://github.com/)
GitHub是世界上最大的代码托管平台,帮助开发者存储和管理其项目源代码,且能够追踪、记录并控制用户对其代码的修改,超5千万开发者正在使用。
最后,在学习过程中会遇到各种各样的问题,如果问题很久不能解决,就会打击到你学习的信心,最终导致放弃。所以你最好还是有一个经验丰富的人在前期能够带一带你,帮你解答学习过程中遇见的问题。身边没有能够帮你解答问题的人,加一些学习群或者加我聊聊,帮你解决各种问题~
多年开发经验,你可以私信我你目前的情况,我可以帮你根据你的时间制定一个学习规划,学习过程中遇见什么问题也可以随时问我。
- 上一篇: 大佬珍藏的400多本编程电子书,整整8个G你想学的都有,速来
- 下一篇: 前端工程师能够做什么呢?
猜你喜欢
- 2024-11-26 大佬珍藏的400多本编程电子书,整整8个G你想学的都有,速来
- 2024-11-26 顶级黑客整理的300本编程电子书,整整12个G,你想学的都有
- 2024-11-26 腾讯小龙珍藏的450本编程电子书,整整40个G,你想学的都有
- 2024-11-26 顶级黑客整理的236本编程电子书,整整15个G,你想学的都有
- 2024-11-26 牛逼Git,豆瓣评分高达9.3神著“Pro Git”电子版国内首次开源
- 2024-11-26 达摩院推荐的500本编程电子书,整整8个G,你想学的都有
- 2024-11-26 阿里大佬推荐的500本编程电子书,整整6个G,你想学的都有
- 2024-11-26 顶级黑客整理的597本编程电子书,整整38个G,你想学的都有
- 2024-11-26 学习web前端三剑客(HTML、JS、CSS),有这些资料就够了
- 2024-11-26 Web前端学习6个有效果软件!看看哪些你用的上
你 发表评论:
欢迎- 599℃几个Oracle空值处理函数 oracle处理null值的函数
- 591℃Oracle分析函数之Lag和Lead()使用
- 579℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 575℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 571℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 564℃【数据统计分析】详解Oracle分组函数之CUBE
- 550℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 545℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- 前端接口 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)