Web前端开发入门学习分享

1:如何开始学习Web前端

首先你需要学习html的各个标签,掌握其用法和规范,明白其作用。

开始学习css的使用,你先学习在html页面中为标签增加css样式,其次是将css写在网页的标签对的标签对中。

学习如何引入外部的css文件。

如何将css和div结合起来,css你需要学习各种效果、定位、组件设置、布局、响应式等等这部分需要你学习一段时间。

学习原生的css后你可以学习使用css框架,下方我列举一些框架。

之后你还需要学习JavaScript,还是从基础知识开始学习,学习的同时你可以自己开发一些插件检验学习成果

学习完基础之后你需要学习JavaScript框架和一些js库。

最后你将三者结合起来开发一个网站的前端进行练习,可以开发wordpress的主题等。或者你再学习后端语言开发一个网站。

2:css的框架

Bootstrap——富有创意并且强大的移动为先的前端框架,帮助你快速开发Web应用

Semantic——通过创造一个用来方便分享UI的语言使得开发人员和设计师的可控范围更为广泛。

kube——极简但非常丰富的组件开发自适应或者响应式的网站。拥有灵活的Grid和漂亮的字体排版。绝对自由,没有多余强制的样式。

Less框架——是一个CSS的网格系统,帮助你设计自适应的网站。包含了4个布局和3套字体排版预设,所有的都基于同一个Grid。

YAML——是一个模块化的CSS框架,重点在于灵活性,良好的访问和响应式的设计。这个框架重点在于设备独立的屏幕设计和灵活的布局模块化管理。

3:js框架

AngularJS——有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

React——是一个Facebook和Instagram用来创建用户界面的JavaScript库。

Vue.js——是用于构建交互式的Web界面的库。它提供了MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。

jQuery——是一个“写的更少,但做的更多”的轻量级JavaScript库。

以上内容是Web前端开发入门学习知识分享,希望对于学习Web前端的小伙伴有所帮助,当然如果你也学习Web前端建议按照以上步骤进行学习,尤其是自学Web前端的新手在学习过程中难免会遇到一些问题,遇到问题不要气馁,可以通过请教或查阅的方式进行解决,解决后其实并没有想象中的那么难。