零基础的前端小白该如何学习?

HTML KK2013 发表于 2 月前最后回复来自 diqye 1 周前

总的来说前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉,至少要能够运用它们完成大多数任务,而无需频繁地寻求别人的帮助。

一.先明确三个概念:
1.HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。
2.CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。
3.JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。
入门的可以先从较为系统的技术学习网站开始学习。

一、基础篇
1.Web - HTML基础入门HTML 简介_w3cschool
如果你想制作自己的网页,做网页设计,网站开发,那么你首先要学习的就是HTML,本教程就是入门HTML实验。给大家推荐一个学习家园哦!
每天都有免费的直播授课,有专门的解答哦

欢迎大家加入学习交流群:点击链接加入群97345400:https://jq.qq.com/?_wv=1027&k=46SuUoR来一起交流的记得打上10

不怕不会,就怕你不肯学!

2.Web - CSS速成教程HTML 教程导读_w3cschool
CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

3.Web - Javascript基础(新版)JavaScript 参考手册_w3cschool
介绍 JavaScript 的语法及事件、对象、DOM 等基础知识。

4.HTML5 - HTML5基础入门HTML5 新元素_w3cschool
HTML5有很多新特性,本实验将做入门介绍。

  1. Web - jQuery基础入门jQuery 参考手册_w3cschool
    jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。

二.前端的基础:
JavaScript,HTML,CSS,然后学习jQuery。
看教程的同时,要多多练习。走向大神的路无他,唯手熟尔。可以模仿自己喜欢的漂亮的网站,写写页面,实现一些特效。

第二、 如今的前端
近几年前端发展迅速,ES6的普及速度更是惊人,所以一定要学习ES6/7(ECMAScript 6入门)。

其次是Node.js,Node.js是服务器端的一个平台,其给前端开发提供了很多实用的工具,是如今前端开发的重要组成部分。
工具推荐:Babel,Webpack,Postcss。
框架推荐:React,Vue.js。

第三、不止前端
使用Hexo(一个Node.js平台下的静态博客)在 github page 上面搭建一个博客,通过博客写下自己学习过程中的经验和问题可以与更多的人交流,提交自己的代码到github上面保存自己的成果。写博客是一个很好的成长方式。
前端已不是从前的前端,不仅仅是切页面做特效,如今的前端项目越来越庞大,需要重视项目组织和管理,需要工程化,需要前端架构。
同时,学习一门后端语言更有利于在前端的路上走得更远。

共收到1条回复
diqye 1 周前 #1

不错,一起学习吧群号码:632826899 美貌与实力并存

登录后即可参与回复