Fork me on GitHub

Web学习指南

给学弟学妹们提供一些Web学习的建议,希望能有所帮助。

Web学习指南

技能点

前端

Tips

浏览器:Chrome 编辑器:VSCode

前端的前期学习比较简单(学完BootStrap),内容可能比较多,没必要死记硬背,记得多敲代码多练习。大部分内容敲一遍即可理解,练习几次想忘都忘不掉。学会使用浏览器自带F12工具调试页面。第一阶段学习完后,系统地练习几个小项目,最好是自己设计网页。

前端的后期学习内容就更多了,大前端,各种框架层出不穷。不妨修炼好JS内功,精通个别框架,其他框架有需求时也能触类旁通。前端模块化编程,需熟练使用Node.js、WebPack等打包工具进行模块化编程。

前端的发展迅速,需要把握主流方向,不断学习前沿技术。平时多逛逛一些大型网站、国内外最新主题站,汲取设计灵感,提升审美和设计能力。

共勉。

HTML5 + CSS3

HTML以及HTML5标签过一遍,了解常用标签的用法。尽可能使用HTML5中新定义的语义化标签,尽量不使用以及废弃的旧标签。

CSS以及CSS3过一遍,了解元素选择器、盒子模型、定位、浮动、伪类伪元素、常用属性,并学习几种常见的页面布局方式以及元素水平、垂直居中的实现方式。后阶段学习媒体查询,设计响应式布局。在此基础上继续学习Flex布局、Grid布局。

JavaScript

基本语法过一遍,和C语言差不多。理解JS中的一些特性,比如闭包和IIFE。对于JS原生的一些操作方法暂时可不学,使用jQuery中的一些封装方法即可。

jQuery

元素选择器、事件、DOM操作、CSS操作、动画效果等过一遍,理解父子通信、遍历操作。试着用jQuery处理表单验证及提交(Ajax)。

BootStrap

学会使用BootStrap组件,理解栅格系统。没必要每个组件去过一遍,甚至去背样式,需要使用到时查文档会套用即可。学会重写样式覆盖官方样式,而不是直接在官方CSS中修改。

Vue.js

Sass (Less)

Vue全家桶

SPA

后端

HTML + CSS

PHP

MySQL

LAMP

Linux + Apache + MySQL + PHP

ThinkPHP

Java SE

SpringBoot

全栈

LNEM

Linex + Node.js + Express + Mango

学习方法

学习资源

文档类

W3School
菜鸟教程
官方文档

视频类

表严肃
慕课网
网易云课堂
B站

博客类

CSDN
SegmentFault
简书
逼乎
博客园

微信公众号:
前端之巅、InfoQ、web前端技术圈、廖雪峰、算法爱好者、stormzhang、java后端技术、阮一峰、全栈之巅…太多了…

zhaoo wechat
0%