Bootstrap

蓝桥杯新增web应用开发科目—送给想要参赛的小伙伴们一份备赛指南

  1. 竞赛赛程:

预赛(省赛)时长:4 小时。

决赛时长:4 小时。

详细赛程安排以组委会公布信息为准。

4个小时,时间完全充足,一定不要急:认真审题,认真审题,认真审题(重要的事情说三遍!)

  1. 竞赛形式:

个人赛,一人一机,全程机考。 选手机器通过局域网连接到各个赛场的竞赛服务器。 选手答题过程中无法访问互联网,也不允许使用本机以外的资源(如 USB 连接)。 竞赛系统以“服务器-浏览器”方式发放试题、回收选手答案。

这条规则就告诉我们平时学习的时候一定要熟能生巧,熟记于心。比赛的时候可不存在什么忘了查下文档之类的哦!

备赛一定要充分哦!!!

  1. 参赛选手机器环境:

选手机器配置:

X86 兼容机器,内存不小于 4G,硬盘不小于 60G

操作系统:Windows7、Windows8 或 Windows10

显示器:分辨率 1024*768 像素或以上

Web 前端开发环境:

  1. Google Chrome 浏览器(正式版,v1.36 以上版本),

官方下载: https://www.google.cn/chrome

  1. Visual Studio Code 代码编辑器(正式版,v80 以上版本),

官方下载: https://code.visualstudio.com

  1. 任意支持压缩 .zip 压缩包的压缩软件。

推荐使用免费开源软件: https://www.7-zip.org

具体比赛时候用自己电脑还是比赛地点提供的统一电脑以组委会公布信息为准~

如果平时不用vs code的话,可以花点时间配置一个用哦(许多公司也都是使用的vs code哦!)~

  1. 试题形式:

试题均为场景实战题(编程实操),选手根据需求说明,通过完善程序代码、配置和管 理项目的形式排除程序错误或完成预期需求。

场景实战题:

场景实战题目均包含完整的题面 PDF 文档(Google Chrome 支持浏览 PDF)和基础源代 码压缩包。题面文档中会详细说明题目的背景、需求、目标。选手需认真读题,结合题目给 出的基础源代码,通过修改、新增代码来实现题目给出的最终目标。 部分题目可能包含前序准备步骤。例如解压缩相应的资源文件,在浏览器中预览网页效 果等。大部分情况下,我们默认选手已经掌握了前端开发过程中可能涉及的基础知识和方法, 不会给予单独的提示。同时,题目不会给予 IDE 开发工具的使用方法提示。 特别地,基础源代码在无明确说明的情况下,请勿随意修改文件名称、文件夹名称、文 件存放结构。务必严格规范根据题意操作,否则可能会影响最终阅卷的准确性

所以,一定要认真查看场景实战题提供的完整的题面PDF文档!!!一定要认真查看。

有同学做模拟题,题拿到手就开始敲代码,闷着头就敲CSS代码,敲了将近一个小时终于敲完了,结果发现别人一两分钟就做完了!

为啥呢?那位同学题往下一滑,发现提供的有CSS文件,只需要修改即可,这不难受了!

  1. 答案提交:

选手只有在比赛时间内提交的答案内容是可以用来评测的,比赛之后的任何提交均无 效。选手应使用考试指定的网页来提交代码,任何其他方式的提交(如邮件、U 盘)都不 作为评测依据。

选手可在比赛中的任何时间查看自己之前提交的代码,也可以重新提交任何题目的答 案,对于每个试题,仅有最后的一次提交被保存并作为评测的依据。

在比赛中,评测结果不会显示给选手,选手应当在没有反馈的情况下自行调试。

最后,由于题目考察内容的差异,每道题目最终需提交的资料和步骤均会在题面 PDF 文档中详细说明,请严格按照相应要求进行操作

  1. 评分:

全部题目将使用前端自动化测试技术完成机器自动评分。

对于功能实现类型的题目,我们会基于单独的测评数据来测试功能实现的完整性。

对于页面布局类型的题目,我们会基于最终效果和目标效果的相似度进行评分。

所以,这里又要强调一下,小伙伴们一定要认真审题,审题,再审题。

如果没让你更改文件名就一定不要更改;如果是让你在现有的文件内进行修改,就一定不要新建文件答题…

试题考查范围:

=====================================================================

试题考查选手解决实际问题的能力,侧重考查选手阅读、分析、理解需求,实现功能性 需求(静态、动态页面效果,API 开发与调用),实现非功能性需求(如兼容性、安全性、 性能),产品交付(打包、部署)等方面的能力。知识范围包括但不限于:

在这里插入图片描述

仔细看看,你可能会说这大学组就比职业院校组多了个Node.js和webpack两个技术栈。

表面看来,确实是这样,但是真正赛题还会就出题深度及广度进行设计两个组别的题目哦~

下面列出的是此赛事考察知识范围的具体各个知识点,小伙伴们可以对着查漏补缺一下,看看自己缺乏什么技术栈,或者什么技术栈不是很熟,偷偷努力一把,攻破它们!

在这里插入图片描述

在这里插入图片描述

样题实战分析:

=====================================================================

样题 A:网站修复

背景介绍:


HTML5 与 CSS3 已经成为前端开发工程师的必备技能。本题提供了使用 HTML5 + CSS3 实现的 单页面网站,因存在页面布局问题需要修复。

准备步骤:


开始答题前,首先需要解压题目包含的压缩包 exam01.zip,并将其中的 index.html 文件拖动 到 Google Chrome 浏览器中打开网站主页,效果如下(不包括黑框,示例页面显示宽度为 1920 px):

在这里插入图片描述

题目要求:


如上所示的 index.html 布局不符合最终要求。请检查 exam01 下的各个文件,找到并修复项 目存在的 Bug,使宣传页面正常显示,效果如下(不包括黑色边框,页面显示宽度 1920 px):

在这里插入图片描述

一、Python所有方向的学习路线

Python所有方向路线就是把Python常用的技术点做整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。

二、学习软件

工欲善其事必先利其器。学习Python常用的开发软件都在这里了,给大家节省了很多时间。

三、入门学习视频

我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Python工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Python爬虫全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:python)
img

thon爬虫全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:python)
[外链图片转存中…(img-tHGnA6n0-1711102239830)]

;