本文主要向大家介绍了机器学习入门之零基础学习 Web 前端开发的小tips，通过具体的内容向大家展现，希望对大家学习机器学习入门有所帮助。

对于 Web 开发的新手来说刚开始确实有些迷茫，要学习一大堆繁琐复杂的新术语和技术。纠结 ReactJS 还是 Vue ？Angular 还是 Angular 2？Javascript 还是 TypeScript ？

但其实对于初学者来说，最主要的关注点应该是部署一个有效的应用程序。选择一个快速掌握的最基本的技术，并坚持下去。当你运用得非常好的时候就可以开始寻找其他选择。

Web 前端首先需要学习HTML、CSS、JavaScript、jQuery、HTML5等基础知识，然后完成实现页面特效组件、网页游戏、Web应用等一系列项目，通过动手实践学习web开发。

大致学习路线如下：

首先学习 HTML ，学会写基本的页面。

然后学习 CSS，学会美化页面，学会布局。

然后学习 JavaScript，学会操作 HTML 元素。

编程的关键在于多练习，学习前端非常方便的一点在于浏览器可以直接打开 HTML 文件查看效果，HTML 文件中引入 CSS 文件和 JavaScript 文件可以直接在浏览器查看效果，即时反馈代码的效果。

熟悉了前端基础之后，可以学习 HTML5、CSS3、jQuery 和 Bootstrap，jQuery 和 Bootstrap 是前端的两大神器，虽然 jQuery 现在用得少了，但是学习一下还是很有必要的。Bootstrap 的应用就非常多了，很多网站的页面布局都是用的 Bootstrap，这个是必须学习的。

接下来可以学习 ES6 和 Node.js，现在纯前端已经离不开 Node.js，很多前端工具都是需要 Node.js 来运行的，也可以向全栈发展。同时可以学习 CSS 预处理器，比如 LESS/SASS 或者 PostCSS。

接下来可以学习传说中的前端三大框架了，建议先学习 Vue，入门更加容易一点，然后学习 React，最后学习 Angular。当然三大框架也可以不用都学。在学习使用框架的时候，自然会接触到很多工具，比如 npm、webpack、babel 等等，这里需要学习的东西就非常的多了。当然更需要对框架的深入学习，做到知其然并知其所以然。

28个web前端教程：

HTML基础入门

HTML5基础入门

CSS速成教程

Javascript基础（新版）

Bootstrap3.0入门学习

纯 CSS 打造网页版「大白」

网页版拼图游戏

网页版别踩白块游戏

基于 JavaScript 实现玫瑰花

基于 JavaScript 实现打地鼠游戏

基于 JavaScript 按键控制坦克移动

网页版2048

网页版扫雷

基于 jQuery 实现图片轮播

CSS3实现“红包照片”模糊效果

基于 HTML5 实现刮刮乐效果

基于 CSS3 实现抽奖大转盘

Flask 实现简单聊天室

jQuery在购物车的使用

手把手教你实现 Google 浏览器拓展插件

基于HTML5 Canvas实现小游戏

基于 HTML5 实现本地图片裁剪

瀑布流加载图片墙

校花评比排名项目-PHP

Java和WebSocket开发网页聊天室

基于 Canvas 实现放大镜效果

基于腾讯文智的情感分析

纯前端打造实时markdown编辑器

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标人工智能机器学习频道！