Web 前端开发学习资料整理

以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站、书籍)。我只是闲来无事整理一下,如有不足,嘴下留情..毕竟分享不是一件坏事,共同学习…一、语言基础(以书和网站为主)1.HTML&CSS:(1)入门:Codeademy上的html&css课程——在线交互式编程平台,弄清楚基本概念和基本语法w3school上的HTML/CSS教程——

大家好,又见面了,我是你们的朋友全栈君。

以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站、书籍)。我只是闲来无事整理一下,如有不足,嘴下留情..毕竟分享不是一件坏事,共同学习…

一、 语言基础(以书和网站为主)

1.HTML&CSS:

(1)入门:

  • Codeademy上的html&css课程——在线交互式编程平台,弄清楚基本概念和基本语法
  • w3school上的HTML/CSS教程——技术手册式的教程,比较全面,照着实例敲一遍

(2)进阶:

(3)实战:

  • bootstrap框架: bootstrap中文网/《bootstrap实战》——流行的前端框架,注重实用即可
  • Codeademy上的Web Developer Skills+Projects——通过自己做小页面/小网站来运用所学

(4)提高:

  • 《CSS禅意花园》——提高自己的艺术设计能力,通过实例来学习如何用CSS设计出漂亮的页面



2.Javascript:

(1)入门:

  • Codeademy上的javascript教程——实例比较多,比较浅,算是基本了解JS
  • w3school上的JS教程——比较详细的了解下JS的特性
  • 《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用,了解JS和DOM可以做什么

(2)进阶:

(3)实战:

  • jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery
  • 《jQuery基础教程》——流行的前端框架,注重实用

(4)提高:

附录:前端网站大汇总

1、前端知识体系:

2、技术资讯类

3、技术教程、文档类


一些不错的网站

  • github:没啥好说的,多阅读别人的源码,多上传自己的源码,向世界各地的大牛学习
  • codepen:感受前端之美的必选之地,里面有很多酷炫的效果和优秀的插件
  • echojs:快速了解js新资讯的网站
  • stackoverflowsegmentfault:基本上各种问题都能在上面获得解答
  • google web fundamentals:每篇文章都适合仔细阅读
  • static files:开放的CDN,很好用
  • iconfont:阿里的矢量图标库,非常不错,支持CDN而且支持项目
  • html5 rocks: 一个不错的网站,很多浏览器的新特性以及前沿的技术,都能在这上面找到文章
  • css tricks:如何活用CSS,以及了解CSS新特性,这里可以满足你
  • JavaScript 秘密花园 JavaScript初学必看,非常不错
  • w3cplus:一个前端学习的网站,里面的文章质量都挺不错的
  • node school:一个不错的node学习网站
  • learn git branch:一个git学习网站,交互很棒
  • 前端乱炖:一个前端文章分享的社区,有很多优秀文章
  • 正则表达式:一个正则表达式入门教程,非常值得一看
  • 各路大牛的博客:这个太多了,就不贴了,知乎上有很全的
  • 各种规范的官方网站,不懂得时候读规范



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/128147.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 2022年美赛A题思路分析[通俗易懂]

    2022年美赛A题思路分析[通俗易懂]2022美赛A题

  • 关于学术论文投稿中的 Cover Letter「建议收藏」

    关于学术论文投稿中的 Cover Letter「建议收藏」  学术期刊报道原始研究工作的论文,一般分为需要快速发表的通信、快报类(communication,letter等)和报道系统研究工作的全文类(fullpaper,article)两种形式。投这两种文章,coverletter和论文Introduction的写法是不同的。    对于需要以通讯或快报形式快速发表的工作,可以是初步的研究结果(preliminaryresult),强调的是工…

  • 雷柏 V500PRO Win键失效「建议收藏」

    雷柏 V500PRO Win键失效「建议收藏」之前买了一个雷柏V500PRO机械键盘玩游戏,但是2020年国庆后再没有玩过。最近在使用键盘的过程中,发现Win键失效,然后开始找原因。网上很多是在任务管理器、注册表之类的,总感觉不属于我的问题范围。在博客的评论区看到一个关于机械键盘的评论,引起很多人的共鸣,感觉和我遇到的问题应该一样。接着再搜一下关于雷柏V500Win键失效,找到并解决。其他机械键盘,自己搜索。对于雷柏V500PRO,Win键控制快捷键:Fn+Win键。…

  • jQuery的Ajax实例(附完整代码)

    jQuery的Ajax实例(附完整代码)目录写在前边什么是AjaxAjax基本结构实例实例1实例2小结写在前边作为一个前端刚入门没多久的小白,想在这里分享一下我的学习内容,就算是学习笔记了。因为前端的大部分学习都是通过网站上的教程,所以遇到不懂得问题,也只有求助于网络,通过度娘,了解到了一些论坛、博客。在发现了众多技术大牛的同时,我也发现,一些像我这样的小白,由于能力有限,在查找相关资料的时候,对于大佬的一些操作理解困难,虽说能照猫…

  • 计算机病毒有哪几种,计算机病毒有哪几种

    计算机病毒有哪几种,计算机病毒有哪几种前言计算机病毒,也叫电脑病毒。它的种类很多。一旦感染这些病毒,轻则软件无法打开或文件被加密等;重则可能会使系统崩溃导致电脑无法正常启动,而电脑之所以会中病毒,主要是以下原因:1.用户在电脑安全方面做得不够严谨2.用户下载或打开了不明文件或链接3.未安装杀软以下是病毒及病毒的特征和解决方法。(1)JJY.exe:特征:此文件一旦打开,首先这个文件会启动它的动画,然后重启。重启之后你会发现你的…

  • vscode查看源代码_vscode新建python项目

    vscode查看源代码_vscode新建python项目最近从pycharm转到了VScode,但是发现vscode不能跳转到源码,百度之后发现要装一个vscode的python的插件,插件就是「Pylance」。装好这个插件后应该可以使用pycharm一样的快捷方式连接到每个组件的源代码了,具体操作是:1.如果是windows系统,按住Ctrl键+鼠标点击待查看的方法或者类名2.如果是mac系统,按住Command键+…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号