【免费】前端学习项目，学成在线_学成在线前端资源-CSDN文库

共121个文件

png：114个

css：5个

html：1个

需积分: 0 47 浏览量 2023-10-11 17:50:11 上传评论收藏 34.22MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端学习项目，学成在线（121个子文件）

index.css 6KB

._base.css 4KB

._index.css 4KB

base.css 349B

index.html 10KB

banner.png 72KB

web_left.png 61KB

course06.png 57KB

python_left.png 57KB

python_top.png 56KB

web_top.png 45KB

java02.png 45KB

course09.png 39KB

course10.png 38KB

course01.png 36KB

course05.png 36KB

web04.png 34KB

course08.png 34KB

course02.png 32KB

web03.png 31KB

course03.png 31KB

ai01.png 28KB

python02.png 28KB

java04.png 27KB

web01.png 27KB

python04.png 26KB

python03.png 26KB

python01.png 26KB

course07.png 25KB

course04.png 25KB

java05.png 25KB

java03.png 24KB

web02.png 24KB

ai05.png 24KB

ai03.png 23KB

ai06.png 22KB

ai02.png 21KB

logo.png 6KB

._course10.png 4KB

._ai06.png 4KB

._java02.png 4KB

._ai02.png 4KB

._course04.png 4KB

._java03.png 4KB

._course02.png 4KB

._course03.png 4KB

._python_left.png 4KB

._web02.png 4KB

._banner.png 4KB

._python01.png 4KB

._course01.png 4KB

._web01.png 4KB

._python03.png 4KB

._web03.png 4KB

._java04.png 4KB

._python_top.png 4KB

._java05.png 4KB

._course07.png 4KB

._ai05.png 4KB

._course09.png 4KB

._web04.png 4KB

._ai03.png 4KB

._python02.png 4KB

._python04.png 4KB

._user.png 4KB

._course06.png 4KB

共 121 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>学成在线</title>  <link rel="stylesheet" href="./css/base.css"> <link rel="stylesheet" href="./css/index.css"> </head> <body>  <div class="header"> <div class="wrapper">  <div class="logo"> <h1><a href="#">学成在线</a></h1> </div>  <div class="nav"> <ul> <li><a href="#" class="active">首页</a></li> <li><a href="#">课程</a></li> <li><a href="#">职业规划</a></li> </ul> </div>  <div class="search"> <input type="text" placeholder="请输入关键词"> <a href="#"></a> </div>  <div class="user"> <a href="#"> <img src="./uploads/user.png" alt=""> <span>播仔学前端</span> </a> </div> </div> </div>  <div class="banner"> <div class="wrapper"> <div class="left"> <ul> <li><a href="#">前端开发</a></li> <li><a href="#">后端开发</a></li> <li><a href="#">移动开发</a></li> <li><a href="#">人工智能</a></li> <li><a href="#">商业预测</a></li> <li><a href="#">云计算&大数据</a></li> <li><a href="#">运维&测试</a></li> <li><a href="#">UI设计</a></li> <li><a href="#">产品</a></li> </ul> </div> <div class="right"> <h3>我的课程表</h3> <div class="content"> <dl> <dt>数据可视化课程</dt> <dd><span>正在学习</span>-<strong>echarts使用步骤</strong></dd> </dl> <dl> <dt>Vue3医疗项目课程 </dt> <dd><span>正在学习</span>-<strong>认识组合式API</strong></dd> </dl> <dl> <dt>React核心技术课程</dt> <dd><span>正在学习</span>-<strong>rudex配合TS使用</strong></dd> </dl> <a href="#">全部课程</a> </div> </div> </div> </div>  <div class="recommend wrapper"> <h3>精品推荐</h3> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">Node.js</a></li> <li><a href="#">Ajax</a></li> <li><a href="#">Vue2.0</a></li> <li><a href="#">Vue3.0</a></li> <li><a href="#">TypeScript</a></li> <li><a href="#">React</a></li> </ul> <a href="#" class="modify">修改兴趣</a> </div>  <div class="course wrapper">  <div class="hd"> <h3>精品推荐</h3> <a href="#" class="more">查看全部</a> </div>  <div class="bd"> <ul> <li> <a href="#"> <div class="pic"><img src="./uploads/course01.png" alt=""></div> <div class="text"> <h4>JavaScript数据看板项目实战</h4> <p><span>高级</span> · <i>1125</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course02.png" alt=""></div> <div class="text"> <h4>Vue.js实战——面经全端项目</h4> <p><span>高级</span> · <i>2726</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course03.png" alt=""></div> <div class="text"> <h4>玩转Vue全家桶，iHRM人力资源项目</h4> <p><span>高级</span> · <i>9456</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course04.png" alt=""></div> <div class="text"> <h4>Vue.js实战医疗项目——优医问诊</h4> <p><span>高级</span> · <i>7192</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course05.png" alt=""></div> <div class="text"> <h4>小程序实战：小兔鲜电商小程序项目</h4> <p><span>高级</span> · <i>2703</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course06.png" alt=""></div> <div class="text"> <h4>前端框架Flutter开发实战</h4> <p><span>高级</span> · <i>2841</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course07.png" alt=""></div> <div class="text"> <h4>熟练使用React.js——极客园H5项目</h4> <p><span>高级</span> · <i>95682</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course08.png" alt=""></div> <div class="text"> <h4>熟练使用React.js——极客园PC端项目</h4> <p><span>高级</span> · <i>904</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course09.png" alt=""></div> <div class="text"> <h4>前端实用技术，Fetch API 实战</h4> <p><span>高级</span> · <i>1516</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/course10.png" alt=""></div> <div class="text"> <h4>前端高级Node.js零基础入门教程</h4> <p><span>高级</span> · <i>2766</i>人在学习</p> </div> </a> </li> </ul> </div> </div>  <div class="wrapper">  <div class="hd"> <h3>前端开发工程师</h3> <ul> <li><a href="#" class="active">热门</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> <a href="#" class="more">查看全部</a> </div> <div class="bd"> <div class="left"> <img src="./uploads/web_left.png" alt=""> </div> <div class="right"> <div class="top"><img src="./uploads/web_top.png" alt=""></div> <div class="bottom"> <ul> <li> <a href="#"> <div class="pic"><img src="./uploads/web01.png" alt=""></div> <div class="text"> <h4>JS高级javaScript进阶面向对象ES6</h4> <p><span>高级</span> · <i>101937</i>人在学习</p> </div> </a> </li> <li> <a href="#"> <div class="pic"><img src="./uploads/web02.png" alt=""></div> <div class="text"> <h4>零基础玩转微信小程序</h4> <p><span>高级</span> · <i>133781</i>人在学习</p> </div> </a> </li> <li> <a href="#">

评论收藏

内容反馈