前端基础入门课程推荐

1. 前端基础学习网站
   https://www.runoob.com/
   菜鸟教程，你所想学的在这里都能查到。前端基础、移动端、后端、服务器、开发工具、版本管理器、主流浏览器介绍、UI框架、JavaScript框架等等。建议学习者在学习以下四门课程时可以随时结合菜鸟教程查看，这样能理解透彻、快速掌握基础知识。

2. HTML+CSS 
   https://www.imooc.com/learn/9
   个人觉得这个课程很适合0基础入门，建议跟随课程把每一课的代码都动手写一遍，可以结合菜鸟教程的HTML入门课程（https://www.runoob.com/html/html-tutorial.html）和CSS入门课程（https://www.runoob.com/css/css-tutorial.html）一起学习。

3. CSS3
   https://www.imooc.com/learn/33
   CSS3入门课程，可以结合菜鸟教程（https://www.runoob.com/css3/css3-tutorial.html）一起查看，理解更透彻。

4. JavaScript
   1）https://www.imooc.com/learn/36
   这是JavaScript的入门课程，能快速熟悉JavaScript基本语法、窗口交互方法和通过DOM进行网页元素的操作，建议跟随课程把每一课的代码都动手写一遍（此课程中部分练习窗口有bug，可在本地建立html文件进行练习）。
   2）https://www.imooc.com/learn/10
   这是JavaScript的进阶课程，从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。建议跟随课程把每一课的代码都动手写一遍（此课程中部分练习窗口有bug，可在本地建立html文件进行练习）。
   以上两个课程可以结合菜鸟教程的JavaScript课程（https://www.runoob.com/js/js-tutorial.html）和HTML DOM教程（https://www.runoob.com/htmldom/htmldom-tutorial.html）一起学习。

5. 开发者工具
   https://www.imooc.com/learn/759
   这是前端工程师必备技能——主流浏览器（Chrome、FireFox、IE）的开发工具者的使用，此课程将介绍一下四点：1）使用浏览器开发者工具调试样式 ；2）调试js代码； 3）通过移动端视图来调试不同手机上页面的效果 ；4）查找和解决前端问题的能力。这门课程建议和前三门课程结合着看，在练习中熟悉主流浏览器开发者工具。可以结合菜鸟教程前端开发中的JS调试技巧（https://www.runoob.com/w3cnote/js-debugging-skills.html）一起学习。

6. UI框架
   https://www.imooc.com/learn/141
   前端UI框架Bootstrap 3基础课程，可以结合菜鸟教程（https://www.runoob.com/bootstrap/bootstrap-tutorial.html）和Bootstrap官网（https://v3.bootcss.com/getting-started/）一起学习。
   其他UI框架也可以学习，例如：
   1）Foundation5 ：https://www.runoob.com/foundation/foundation-tutorial.html   web端UI框架
   2）MUI：http://dev.dcloud.net.cn/mui/  移动端UI框架
   3）layui：https://www.layui.com/  一个适合后台开发者使用的的前端UI框架

7. JavaScript框架
   1）菜鸟教程jQuery课程：
   2）jQuery官方文档：

8. 其他前端知识
   1）Font Awesome：https://www.bootcss.com/p/font-awesome/  图标库
   2）iconfont（阿里巴巴矢量图库）：https://www.iconfont.cn/home/index  可以下载各种格式的图标
   3）swiper，一个只做轮播图的网站：https://www.swiper.com.cn/