50项目50天学习 - HTML/CSS and JavaScript他练手项目

已于 2022-09-14 09:26:32 修改
阅读量628 收藏 4
点赞数 1
分类专栏： 工具类 文章标签： 前端 javascript ui
于 2022-09-09 21:20:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WK313753744/article/details/126789342
版权

50项目50天学习 - HTML/CSS and JavaScript他练手项目

50个迷你前端项目,提升自己的HTML, CSS & JavaScript技能,被我发现了赶紧注册域名https://50projects50days.cn放到国内方便大家在线预览和下载。对于前端新手来是很不错的练手项目。

#ProjectLive Demo
01Expanding CardsLive Demo
02Progress StepsLive Demo
03Rotating Navigation AnimationLive Demo
04Hidden Search WidgetLive Demo
05Blurry LoadingLive Demo
06Scroll AnimationLive Demo
07Split Landing PageLive Demo
08Form WaveLive Demo
09Sound BoardLive Demo
10Dad JokesLive Demo
11Event KeycodesLive Demo
12Faq CollapseLive Demo
13Random Choice PickerLive Demo
14Animated NavigationLive Demo
15Incrementing CounterLive Demo
16Drink WaterLive Demo
17Movie AppLive Demo
18Background SliderLive Demo
19Theme ClockLive Demo
20Button Ripple EffectLive Demo
21Drag N DropLive Demo
22Drawing AppLive Demo
23Kinetic LoaderLive Demo
24Content PlaceholderLive Demo
25Sticky NavbarLive Demo
26Double Vertical SliderLive Demo
27Toast NotificationLive Demo
28Github ProfilesLive Demo
29Double Click HeartLive Demo
30Auto Text EffectLive Demo
31Password GeneratorLive Demo
32Good Cheap FastLive Demo
33Notes AppLive Demo
34Animated CountdownLive Demo
35Image CarouselLive Demo
36HoverboardLive Demo
37PokedexLive Demo
38Mobile Tab NavigationLive Demo
39Password Strength BackgroundLive Demo
403d Background BoxesLive Demo
41Verify Account UiLive Demo
42Live User FilterLive Demo
43Feedback Ui DesignLive Demo
44Custom Range SliderLive Demo
45Netflix Mobile NavigationLive Demo
46Quiz AppLive Demo
47Testimonial Box SwitcherLive Demo
48Random Image FeedLive Demo
49Todo ListLive Demo
50Insect Catch GameLive Demo
一名清官
关注
专栏目录
50天50个前端小项目（纯html+css+js）第一天（展开卡片）
lovestar墨竹的博客
10-15 1515
好看的展开卡片的实现
CSS练手小项目
weixin_44048140的博客
06-23 986
刚学了一些CSS和HTML视频的百度搜索哔哩哔哩然后搜索尚硅谷CSS李立超，这个视频里面有HTML和CSS视频，老师讲的我认为是非常好，反正我听得懂，然后写出了这个项目，把小米首页几乎所有的模块都实现了一下，没有学JavaScript所以有的功能就没有实现，有些布局也很勉强，通过这次写项目，让我可以自主的去解决很多问题。如果我以下的源码有问题，或者编码的格式有不好的地方希望大佬们能提出来 对比效果 首先原网站图与自定义实现对比 首先是原图 自定实现的效果 通过如上的图可以看出并不是完全一样.
50_projects_in_50_days:在50天内完成50个HTML，CSS，JavaScript项目
04-28
50个快速，独特且有趣的迷你项目 扩充卡 进度步骤 旋转导航 隐藏的搜索小部件 模糊加载 滚动动画 分割到达网页 表格波动画 音板 爸爸笑话 事件键码 常见问题解答 随机选择器 动画导航 增量计数器 喝水 电影应用 背景滑块 主题时钟 纽扣纹波效果 Dran N掉落 绘图应用 Kinetic CSS加载程序 内容占位符 粘性导航栏 双垂直滑块 吐司通知 Github档案 双心请点击 自动文字效果 密码生成器 好，便宜，快速的复选框 笔记应用 动画倒计时 图像轮播 气垫板 口袋妖怪 移动标签导航 密码强度背景 3D背景框 验证帐户用户界面 实时用户过滤器 反馈用户界面设计 自定义范围滑块 Netflix导航 测验应用 证明箱切换器 随机图像馈送 待办事项清单 昆虫捕捉游戏
50projects50days:使用HTML，CSS和JS的50多个小型Web项目
03-11
50天内的50个项目-HTML / CSS和JavaScript 这是课程中所有项目的主要存储库。 更新链接 :backhand_index_pointing_down: ＃ 项目 现场演示 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18岁 19 20 21岁 22 23 24 25 26 27 28岁 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 要求注意事项：所有这些项目都是课程的一部分。 尽管我确实感谢人们尝试使某些事情变得更漂亮或添加了新功能，但我们仅接受请求请求并着眼于错误修复问题，以便使代码与课程保持一致 执照 麻省理工学院执照 版权所有（c）2020-2021 Traversy Media 特此免费授予获得此软件和相关文档文件（“软件”）副本的任何人无限制地处理软件的权利，包括但
50projectsin50days:50天内完成50个项目-HTML，CSS和JavaScript
04-18
50个项目在50天内 HTML / CSS和JavaScript Udemy课程： ://www.udemy.com/course/50-projects-50-days/ 说明：这是一个纯粹基于项目的课程。 它面向初学者，但是中级开发人员也可以享受创造新事物的乐趣。 本课程包括与DOM（文档对象模型）相关HTML，CSS和JavaScript的50个迷你项目。 以下是我们将在本课程中创建的内容的列表： 扩充卡 进度步骤 旋转导航动画 隐藏的搜索小部件 模糊加载 滚动动画 分割到达网页 形式波 音板 爸爸笑话 事件键码 常见问题折叠 随机选择器 动画导航 增量计数器 喝水 电影应用 背景滑块 主题时钟 纽扣纹波效果 拖动N下降 绘图应用 动能装载机 内容占位符 粘性导航栏 双垂直滑块 吐司通知 Github档案 双击心 自动文字效果 密码生成器 好便宜快 笔记应用 动画倒计时 图像
50-projects-50-days:50 个独特的小项目来提高您的 HTML、CSS 和 JavaScript 技能
05-29
50projects_50days 50 个独特的小项目来提高您的 HTML、CSS 和 JavaScript 技能
Udemy-50projectsIn50days-HTML-CSS-JS
03-28
Udemy-50projectsIn50days-HTML-CSS-JS
【前端】夯实基础 css/html/js 50个练手项目（持续更新）
最新发布
chenghan_yang的博客
02-21 1万+
发现一个没有用前端框架的练手项目，很适合我这种纯后端开发夯实基础，内含50个mini project，学习一下，做做笔记。项目地址：https://github.com/bradtraversy/50projects50days。
【GitHub热门前端50天50项目-打卡活动】--day03
这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！
10-09 466
GitHub热门前端项目，50天50项目，纯HTML、CSS、JS实现，每日打开，知识点讲解
前端实战50题精讲：提升html/css/js能力
6. 资源使用场景：本资源适用于多个场景，包括但不限于项目开发、毕业设计、课程设计、作业、实训、学科竞赛、初期项目立项、学习练手等。资源中包含的项目可以作为参考，学习者可以在其基础上进行复刻或者进一步的...
50-projects-html-css-js：50个使用HTML，CSS和Javascript构建的项目
02-16
使用HTML，CSS和Javascript构建的50个项目 演示链接 ＃ 项目 现场演示 01 02 03 04 05 06 07 08 09 10 11 12 13
50-projects-in-50-days:使用HTML，CSS和VanillaJS的50个项目的集合，以提高我的前端技能。 此处未使用任何框架或库
04-18
我正在个性化Florin Pop和Brad Traversy提出的50个项目构想，以提高我的前端技能 :wrench: :pick: 此处未使用任何框架或库 :sunflower: ！ 想法是利用此仓库显示我本人的更多个性，同时展示我JavaScript和设计技能。
50-Days-50-Projects-:这是我将基于HTML，CSS，JavaScript进行50个小型项目的课程的一部分
04-18
50天50-项目- 这是我将基于HTML，CSS，JavaScript进行50个小型项目的课程的一部分，请单击此处： :
50Projects50Days:使用HTMLCSSJavaScript在50天内进行50个项目，以实践前端Web开发
04-05
50个项目50天 第一天-扩充卡 div（panel）元素列表具有背景图像，当您单击面板时，它将扩展为视口宽度的80％。 课程：它是如何使用JavaScript操作DOM元素，如何添加事件侦听器以及如何使用javaScript添加和删除特定类的良好基础。
Web前端详细教程(html css javascript)
02-23
讲解了，html，css，javascript，有需要的可以下载看看。
web实践小项目<一>:简单日程管理系统（涉及html/css，javascript，python，sql，日期处理）...
a5996608的博客
08-04 1040
暑假自学了些html/css,javascript和python，苦于学完无处练手几乎过目即忘...最后在同学的建议下做了个简单日程管理系统。借第一版完成之际，希望能将实践期间犯过的错误和获得的新知进行整理，希望能给其他初学者提供参考，也希望有大神在浏览我粗糙的开发过程中能指出一些意见或建议。 （阅读以下内容需要有一定的html/css，javascript,python和sql基础，...
50天掌握前端技能：50个实战项目
资源摘要信息:"该文件提供了50个前端练手项目，涉及HTML、CSS和JavaScript技术。这些项目适合初学者进行实践，以巩固和提高前端开发技能。" 知识点详细说明: 1. HTML (HyperText Markup Language)：作为前端开发的...
分享50个CSS、Javascript工具（框架，库）
77430176的专栏
08-06 588
CSS库&工具包 Fileicon, 纯CSS文件图标的集合。 Marx, CSS重置样式 Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。 sanitize.css 又一个重置样式的CSS（比第一个更简洁）。 Loaders.css, performance-focused纯css加载动画
【GitHub前端项目50天50项目】--day05--幻灯片效果
这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！
10-15 554
【GitHub前端练手小项目，50天50个项目】，每日一个小项目，每日打卡
前端毕业设计源码：HTML/CSS/JavaScript项目H20
本资源是一份毕业设计期末大作业的项目源码包，包含了网页前端开发的核心技术——HTML、CSS和JavaScript。接下来将详细解释这些技术的知识点及其在项目中的应用。 ### HTML (HyperText Markup Language) HTML是...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值