In this article I want to talk about the
WorldSkills Russia professional skill contest, which was held in Moscow on November 1-4 at the All-Russia Exhibition Center. I participated in the Web Design competency. The narration will be from the point of view of the participant.
About competition
WorldSkills is a competition whose goal is to identify professionals in a particular field. The competition takes its origin from WorldSkills International (WSI), an international non-profit association.
The open championship was held in Moscow for the second time. Participation in the competition is free. The age of participants is from 18 to 22 years old, students in colleges or universities. 14 competencies were presented in Moscow, more detailed information can be found on the
official website .
The contest lasts 4 days: in the morning opening, then the competition, on the final day - summing up and closing. The main feature of the competition is that the competition takes place on the site, open to everyone.
About the competence of web design
This competency is connected not only with web design, but also with web development as a whole. (I think this is due to the translation, from English the design also translates as development). The competence was attended by 24 contestants from different regions of Russia. To get into the top ten, you had to know: the basics of web design, HTML, CSS3, PHP, JavaScript, jQuery, working with Ajax.
The competition task was divided into 3 modules, each of which is designed to be performed during the day and focuses on individual features and technologies of Web development. All modules are not related. For some of them, a set of source files is provided for performing tasks. Details about the modules below. For each day of the competition (they lasted 2.5 days) a new task was presented, some consisted of two parts - A and B. The first part, according to the conditions, should be completed before the lunch break, the second - before the end of the day. After completion of the module, the work was evaluated by experts. For each day a specific implementation plan was provided.
The Internet was available on a dedicated computer with a time limit: each participant could use it no more than two times for 5 minutes per module (unused time burned). It was forbidden to use telephones, notebooks and study aids. There was little documented information in Russian, and extensive information was provided only in English.
About myself
To talk in detail about the competition, for a start I will tell you a little about myself. I am a 4th year student at a Moscow college, studying in the field of Applied Informatics. In the curriculum there is a discipline "Internet technology", in which the basics of HTML, CSS and PHP are taught. Those basics that I had after the studied discipline, I would not have enough to break even in the top ten. So, I got a deeper knowledge of this discipline by myself, studying web technologies through videos, guides and articles.
')
Now about the competition
First day of competition
We (the participants) arrived at the site in the morning, were briefed on TB. Between the contestants was held toss jobs for computers. Next was the grand opening. Then the fun began, that is, the competition itself. On this day, it was necessary to implement the first module. We were introduced to the evaluation criteria of the module: points were given for each criterion fulfilled. In the first module it was necessary to do:
- “Redesign of the OCE website, at least 2 pages, for the main page, and for the page with functionality;
- Prepare an analysis of the old design, indicate its shortcomings and solutions in a new version;
Prepare a site map and applicable color palette; - Provide a 480px narrow screen mobile page design. ”
The whole module was given 4 hours.
I completed the module on all criteria, and I had time, but, unfortunately, there was no material for the second module, so for me the first stage was completed.
Second day of competition
It is logical to assume today it was necessary to implement the second module. This module was divided into part “A”, which had to be done before the break, and part “B”. Each part was given 4 hours.
In part "A" it was necessary to implement:
- Layout of 2 layouts: the main and functional pages;
- Slider on pure JavaScript, where at least 3 slides. Estimated difficulty moving slides.
UPD: Layouts:
Alas, here I managed to impose only 2 layouts.
In part “B” the task was as follows:
“Unfortunately, the previous developer has lost the style file, so you need to re-create the main page of the site-catalog of museums of the capital. According to his latest entries, the site should be presented with a "slider", a table with visiting statistics and a menu with sections. "
From the source files was given HTML layout, empty style.css and script.js. You could only edit style.css and implement a slide transition in script.js.
Here I also coped with the whole module.
Third day of competition
This day was the most exhausting, both emotionally and physically. In the third module there were 2 parts, but parts “A” and “B” could be performed simultaneously. The execution of the entire module took 6 hours. For the implementation of this module gave the most points.
In the third module, the task sounded like this:
“You will be provided with HTML and CSS files and various images. Your work will not be evaluated by design criteria, HTML and CSS. Note that the layout contains redundant functionality. You should leave only those functions that you are required to implement.
Your task is to create a flexible Framework with a given functionality. By lunchtime, you should create a common PHP framework and by the end of the day you should complete the rest of the client interface functions.
Task description:
- For site guests
- View articles, comments and a list of attractions on the city map.
- Possibility to register (email confirmation is not required).
- For registered users
- The possibility of authorization using the login and password and the end of the session.
- Making a list (route) of your walk in Moscow, “dragging” the sights from the map to the trip list and back to delete;
- Manual sorting of route points must be present;
- View selected points of interest on the map;
- Ability to post comments to the sights;
- To confirm their comments, the visitor is obliged to use the CAPTCHA mechanism.
- For admin
- The possibility of authorization using the login and password and the end of the session.
- The ability to add a point of interest by dragging a marker from the add form to the map and delete by dragging the marker from the map to the basket.
Be sure to use the capabilities of open libraries. Technologies like Flash, Silverlight, or pure JavaScript will not be evaluated. ”
Here I implemented:
- as the organizers of the competition say, the framework;
- did authorization and user registration via Ajax;
- adding a comment with captcha, also via Ajax;
- Adding and removing points of interest from the travel list by dragging and dropping using jQuery, also through Ajax.
I did not have time to do the “admin panel” and sort the sights in the trip ticket.
Results
I did not win a prize, although I was in the top five. Most importantly, I expanded and systematized my knowledge, identified my weak points and outlined a further direction for improvement. Due to the restriction of access to the Internet, the preparation was thorough, the documentation was studied to such an extent that in case of a problem you immediately know where to look, although the Internet was not useful to me during the competition. I believe that such competitions are needed, first of all, for students to improve their skills, find out what you are capable of and what you should pull up, meet new people and show yourself in action. Maybe these competitions will also be valuable for employers who are looking for valuable personnel. It seems to me that there are few students whose professional field of interest is not limited to the program of teaching, and who know how to put this knowledge into practice. I have a year to fill in the gaps in my knowledge. I hope next year to compete for a higher place.