一个巨大的前端开发资源清单,让你掌握前沿科技

开通VIP,畅享免费电子书等14项超值服

首页

好书

留言交流

下载APP

联系客服

2024.03.31浙江

跟程序员小强一起学前端

好了,话不多说,带你们看看从哪些地方就可以掌握第一手的学习资料和资讯。

除此之外,你还可以每天打开Github或email看有没有watch项目的消息或者自己项目的issue,然后Explore看看社区内项目的走势,然后开始按照TODO来学习,并开始push,push并不断的在github检查自己写的代码,这样真的能提高很快的。

github前端发布浏览排行榜

看看图上这些前端大神,在GitHub上留下了多少自己的项目,还有那么多人浏览,难道你不想吗?作为程序员,一定要在GitHub上留下自己的项目啊。

1、github前端工程——基础篇

2、这里收集了许多移动端上遇到的各种坑与相对解决方案

4、github前端发布浏览排行榜

5、优质的中文前端博客

此外还有一些个人的博客,也是炒鸡火爆的,当然好多超级大神们也不更新了,我就不说了:

1、阮一峰的网络日志

2、廖雪峰的官方网站

3、张鑫旭

4、大前端

1、W3C菜鸟教程

3、OSCHINA

4、前端里

5、segmentfault

6、coursera

7、PHP中文网站

8、慕课网

9、网易云课堂

10、中国大学MOOC

11、极客学院/宅客学院

12、bilibili

注:不包括各个技术的官方网站

作为相当资深的切图仔,不得不感谢这么多年给我们提供插件的这些友友们啊,真的帮了不少的忙,省了不少的功夫,也装了不该有的逼,在这里,确实要感谢一些他们啊,没有他们,不知道刚工作的时候还能不能切图。[哈哈][哈哈]

1、jquery插件库

2、swipe中文网

4、bootstrap

5、baguetteBox.js(响应式的图像Lightbox插件)

6、popper.js(弹出层)

7、anime.js做动画效果

8、animate.css

9、ECharts

10、chart.js中文网

11、perfectscrollbar(滚动条插件)

12、Impress.js(旋转)

13、fullPage(全屏gundomg)

14、zepto.fullpage(专注于移动端的fullPage.js,依赖Zepto)

15、turn.js(翻页的效果)

16、h5播放器

17、日期选择框

18、Foundation(多种Web上的UI组件)

19、Fontello(图标字体生成器)

20、Hover.css(鼠标Hover态的效果)

21、NProgress.js(页面加载时有更好的loading效果)

22、favico.js(改变网页图标)

23、ant.design(提供React和Angular组件实现)

上面的插件比较的系统,属于那种封装、轻量级的一种框架,运气来比较灵活,易维护,而下面这些网站上的素材是各个小伙伴们实打实写的,没有进行封装,是纯粹的为了某一个特效而写的素材插件,也要感谢他们哦,我们来看看。

1、酷站代码

2、脚本之家

3、懒人之家

4、站长素材

5、特效网

6、懒人图库

7、17素材网

8、51前端

9、PHP中文网

10、青岛星网

11、JS代码

工欲善其事必先利其器,找到一些有利于我们开发的工具,那着实是一件美事啊,让你的效率也大大提高的同时,也让你在别的同事面前,大显神威,“哇,你怎么弄的,这么快,这么好看”,记住,有工具你不用,你想干啥。

1、GitHubDesktop(私有软件项目的托管平台)

2、FastStoneCapture

3、溜云库

4、程序员的工具箱

5、免费的CDN加速器

6、大前端

7、在线APP原型工具

8、Parcel(极速零配置Web应用打包工具)

9、Chrome扩展程序

10、Superpreview(跨浏览器测试工具)

以上的这些前端资源也是在平时开发中常用到的,如有不足之处,多多指教。

THE END
1.全面掌握jQuery的学习资料与实践指南jQuery与其它JavaScript库如Prototype.js或MooTools相比,最大的不同在于它的设计哲学:尽可能地少写代码,多做事情。jQuery通过提供一种简洁的方法来选择元素、操作DOM、处理事件、实现动画效果和进行Ajax交互,简化了复杂的操作。其链式调用机制更是赋予了开发者一种全新的编写简洁、流畅JavaScript代码的方式。 https://blog.csdn.net/weixin_42577243/article/details/144361791
2.jquery操作vediomob6454cc6e1f98的技术博客jQuery 超级详细 jQuery基础语法是:$(selector).action()美元符号定义 jQuery选择符(selector)“查询”和“查找” HTML 元素jQuery 的 action() 执行对元素的操文档就绪函数:防止文档在完全加载(就绪)之前运行 jQuery 代码,比如:试图隐藏一个不存在的元素$(document).ready(funct jQuery jquery 获取数据 前端JQueryhttps://blog.51cto.com/u_16099254/12812359
3.jQuery()jQueryAPIDocumentationjQuery( selector [, context ] )Returns:jQuery Description:Accepts a string containing a CSS selector which is then used to match a set of elements. version added:1.0jQuery( selector [, context ] ) selector Type:Selector A string containing a selector expression https://api.jquery.com/jQuer
4.计算机应用技术(网站规划与开发方向)专业人才培养方案6)能使用JavaScript和jquery编写代码制作网页特效。 7)能使用photoshop组织素材,制作网页效果图、网页插图。 8)能使用专业网页制作工具,提高网页制作效率。 9)能熟练使用div+css,根据网页制作规范(W3C)完成网页布局。 10)具有利用数据库技术对数据进行收集、分析、整理的能力。 https://www.sjzkg.edu.cn/c/xxgcx/zyjs/695
5.JavaScript学习总结(五)——jQuery插件开发与发布$.fn就是jQuery的原型,$.fn等于jQuery.prototype,$是jQuery的别名。$.fn.extend方法的作用是用于扩展jQuery实例对象,也就是我们从页面中获得的jQuery对象。 代码语言:javascript 复制 <!DOCTYPEhtml>extend按钮1按钮2$.fn.extend({show:function(){$(this).click(function(){alert($https://cloud.tencent.com/developer/article/1171418
6.前端组件化演进之路代码示例: 这是一开始实现的jquery代码,将button和li的click事件的回调函数抽出来单独成为一个函数。当页面的代码量增长为上千行时,代码的维护性会很差,需要先理解上千行代码才敢继续增加代码。这时候可以用面向对象的编程方式来解决这个问题。 面向对象 https://www.pianshen.com/article/70682480707/
7.程序员jQuery之父:每天写代码jQuery之父:每天写代码 去年秋天我的支线代码项目遇到了一些问题,项目进展不足,而且我没法找到一个完成更多代码的方法(在不影响我在Khan Academy方面的工作的前提下)。 我主要在周末进行我的支线,当然有时候也在晚上进行。这个方法对我而言效果不佳。我的压力太重了,我需要在周末努力完成尽可能多的工作(如果没做到https://segmentfault.com/a/1190000000469890
8.jquery个人页面jquery页面跳转的方法使用jQuery编程实现:编写一个用户注册页面,需要输入用户名和输入2次密 1、输入用户名、密码,点击登录:结果:第二种方法$.Get(ulr,data,callback);页面布局和第一种方法的布局相同,同时一般应用程序处理页也和上边的一样。 2、这个问题其实挺简单的,看你第一个的说明 第一个:当用户密码或者用户名错误,页面http://chengdu.cdxwcx.cn/article/digpicp.html
9.js怎么转换成jquery在前端开发中,JavaScript和jQuery是两种非常重要的技术,JavaScript是一种编程语言,而jQuery是一个基于JavaScript的库,它简化了JavaScript编程,使得开发者能够更快速、更高效地编写代码,如何将原生JavaScript代码转换成jQuery代码呢?本文将详细介绍这个过程。 (图片来源网络,侵删) https://www.kdun.com/ask/361095.html
10.JQuery1.4API计算机编程教程中文版.pdfJQuery 1.4 API 计算机 编程 教程 中文版.pdf ajax之家|Shawphy|为之漫笔|jQuery官网 关于本CHM手册 jQuery1.3自从2008年1月14日发布后,后引 来了各界的关注。我们也随即投入到翻译文档的 工作中来。经过4天的努力,终于完工了。由于赶 上中国农历新年,本人未能及时制作成CHM版 https://max.book118.com/html/2024/0109/8112065116006024.shtm
11.JavaScript函数式编程指南本书旨在说明如何通过ECMAScript 6将函数式编程技术应用于代码。本书以渐进、稳定的速度呈现,涵盖了函数式编程的理论和实践两个方面,还为高级读者提供了更多信息,以帮助他们深入了解一些更高级的概念。 本书内容结构 本书分为三部分内容,指导读者学习从基础到函数式编程的更先进的应用。 https://www.epubit.com/bookDetails?id=N8093
12.Apache2UbuntuDefaultPage:ItworksThis is the default welcome page used to test the correct operation of the Apache2 server after installation on Ubuntu systems. It is based on the equivalent page on Debian, from which the Ubuntu Apache packaging is derived. If you can read this page, it means that the Apache HTTP serverhttp://vb.net/
13.软件技术专业人才培养方案(三年制)专业代码:510203 专业主任:王国珺 制订成员:软件技术专业教学团队 二〇二三年三月制 目录 一、入学要求与修业年限 ㈠入学要求 普通高级中学毕业生、中等职业学校毕业或具备同等学力。 ㈡修业年限 三年。 二、职业面向 ㈠职业岗位 1.职业岗位群 2.职业岗位进阶 https://www.fvti.cn/albb/2023/0912/c2940a147517/page.htm
14.达内web前端开发培训达内web前端培训课程详情教学点教学环境学员评论 设计 达内Web 前端开发工程师特色 + 既懂前端开发 前端核心 + 三大框架 + 移动端开发全面&深入 实训目标:掌握 JQuery 核心 API,深入理解 JQuery 设计 原则,了解多种 JQuery 插件,能够熟 练使 用 JQuery 编程,实现页面各种功能 https://www.qinxue365.com/course/517850.html