bootstrap和zepto 「bootstrap实例教程」

2023年2月24日15:34:48bootstrap和zepto 「bootstrap实例教程」已关闭评论

我不是前端工程师,对于前端知识略有研究,因此这篇文章是咨询了几位前端工程师才斗胆发出来的。或许有不对有瑕疵,一定要提醒我。

那么,回到今天的主题。如何成为前端工程师?

首先前端工程师的学习路线分为:

以下我们会按照以上的路线整理教程。

一、开发工具:sublime、HBuilder

sublime ==> 前端开发工具技巧介绍

HBuilder ==> HBuilder 使用教程

(开发工具只是辅助,具体选择看个人的喜好)

二、基础:HTML, CSS教程

选择一(w3c的教程):HTML 教程 + HTML 5 教程 + CSS 教程

选择二(imooc教程): HTML+CSS基础课程 + 如何用CSS进行网页布局 + 网页布局基础-慕课网 + 网页简单布局之结构与表现原则

选择三(网易云课堂):oeasy教html、css网页设计与制作(html5教程) 、HTML5入门 - 网易云课堂 、 8小时学会HTML网页开发

任意选择其一进行学习即可。

三、进阶:Javascript,jQuery

Javascript ==> JavaScript 教程 (w3c) 或 JavaScript - 网易云课堂 或 李炎恢JavaScript教程 第一季

或者JavaScript入门篇-JavaScript入门视频教程 和 JavaScript进阶篇_JavaScript视频教程

jQuery ==>jQuery 教程 | 菜鸟教程

或者 jQuery基础视频教程 和 jQuery基础修炼圣典_DOM篇_jQuery视频教程 和 jQuery基础修炼圣典 和 jQuery基础修炼圣典

实战:网页定位导航特效 + 瀑布流布局-慕课网 + 搜索框制作-慕课网

或者jQuery 实战经典

四、高级:AJAX 教程

AJAX 教程 | 菜鸟教程 或者 Ajax全接触-慕课网

五、框架扩展学习:zepto、Bootstrap、React、VUE、Angular

Bootstrap == > http://v3.bootcss.com/ || Bootstrap 教程

zepto ==> GMU API 文档

React ==> 用于构建用户界面的JAVASCRIPT库 || React 入门实例教程

Angular ==> AngularJS 教程 || AngularJS中文网

六、 调试工具:Firebug

Firebug 教程 || WEB调试工具-Firebug-慕课网

七、网站优化

seo: SEO在网页制作中的应用

前端性能优化: Yahoo军规-慕课网 || 网站前端性能优化总结

懵懂先生