{"id":4721,"date":"2024-03-27T11:37:19","date_gmt":"2024-03-27T10:37:19","guid":{"rendered":"https:\/\/www.infinity-group.pl\/blog\/?p=4721"},"modified":"2026-02-27T10:00:07","modified_gmt":"2026-02-27T09:00:07","slug":"dive-into-the-world-of-javascript-and-react-workshop-summary","status":"publish","type":"post","link":"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/","title":{"rendered":"Dive into the World of JavaScript and React: Workshop Summary"},"content":{"rendered":"\n<p>Last Friday, together with Bialystok University of Technology and the Career Development and Alumni Relations Office, we organised a workshop for students titled&nbsp;\u201cReaguj na jawie, czyli podstawy programowania w JavaScript i wprowadzenie do biblioteki React\u201d. To provide<strong> the best possible learning environment and maximise knowledge transfer<\/strong>, we limited the workshop to 10 participants. The event sparked significant interest among those eager to attend, leading to quick registration closure. The workshop was led by Ada and Ela, Infinity Group&#8217;s talented Front-End Developers \u2014 you had the opportunity to read about them in a recent <a href=\"https:\/\/www.infinity-group.pl\/blog\/en\/2024\/03\/08\/frontwomen-in-power\/\">blog post<\/a>.&nbsp;What was happening that day in the building of the Faculty of Computer Science? Read the article to find out.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Summary<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Prze\u0142\u0105cznik Spisu Tre\u015bci\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/#the-workshop-objectives\" >The workshop objectives<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/#what-did-the-students-work-on\" >What did the students work on?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/#participants-experiences\" >Participants\u2019 experiences<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/#invaluable-practical-skills\" >Invaluable practical skills<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/#summary\" >Summary<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.infinity-group.dev\/blog\/2024\/03\/27\/dive-into-the-world-of-javascript-and-react-workshop-summary\/#contact-with-us\" >Contact with us<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"940\" src=\"https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-5.png\" alt=\"\" class=\"wp-image-4730\" title=\"\" srcset=\"https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-5.png 940w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-5-300x300.png 300w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-5-150x150.png 150w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-5-768x768.png 768w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-5-96x96.png 96w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"the-workshop-objectives\"><\/span>The workshop objectives<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The participants\u2019 challenge was to <strong>create an Instagram-like app using JavaScript and the React framework<\/strong>. To make it easier for them, Ela created a special guide in the form of a website, which included important terms and stage by stage descriptions for each assignment. Initially, the girls explained some key concepts related to the workshop, although it turned out that many of the students already had experience with them. Once the theory was covered, attendees delved into practical exercises \u2014 the first step was to design an option for adding likes under pictures. After tackling this task, it was time for the React components, based on which participants created comments and simulated user logins.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"491\" src=\"https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-4.png\" alt=\"\" class=\"wp-image-4729\" title=\"\" srcset=\"https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-4.png 940w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-4-300x157.png 300w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-4-768x401.png 768w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-4-150x78.png 150w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p>During the workshop, <strong>students crafted and implemented the application on their personal computers<\/strong>. This hands-on experience not only equipped them with <strong>specialised knowledge but also provided tangible evidence of their skills.<\/strong> Such practical achievements can become invaluable assets in their future programming portfolios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"what-did-the-students-work-on\"><\/span>What did the students work on?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>JavaScript is a versatile programming language, crucial for interactive web applications. When combined with libraries and frameworks such as React, it transforms into an<strong> excellent tool for building modern user interfaces<\/strong>. React, as a popular JavaScript framework, introduces an innovative approach based on components \u2014 modular user interface elements that are both easy manageable and reusable. This allows developers to create more readable, scalable and maintainable code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"491\" src=\"https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-3.png\" alt=\"\" class=\"wp-image-4728\" title=\"\" srcset=\"https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-3.png 940w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-3-300x157.png 300w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-3-768x401.png 768w, https:\/\/www.infinity-group.pl\/blog\/wp-content\/uploads\/2024\/03\/image-3-150x78.png 150w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"participants-experiences\"><\/span>Participants\u2019 experiences<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Following the workshop, attendees were asked to complete a brief questionnaire sharing their feedback. The majority of them were second-year students from various courses within the Faculty of Computer Science. Overall, the <strong>workshop received highly positive evaluations<\/strong>, which further confirmed the participants&#8217; enthusiasm throughout the tasks. Survey responses highlighted the workshop&#8217;s topic as <strong>compelling and future-oriented<\/strong>, with students expressing confidence in the practical skills they had acquired for their career paths \u2014 each of them also showed interest in attending a similar event in future. Ela and Ada received praise for their<strong> engagement, thorough content preparation, and supportive mentorship<\/strong>. The workshop&#8217;s presentation and teaching style were particularly applauded, underscoring the professionalism demonstrated by our developers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"invaluable-practical-skills\"><\/span>Invaluable practical skills<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>It\u2019s never easy to start a journey into&nbsp;unfamiliar territory. The students who attended our event learnt the ins and outs of web application development, which will help them enter the IT world with their heads held high and confidence in their newly acquired skills. A career in the technology field is&nbsp;marked by&nbsp;constant challenges but there is a place for everyone in it. <strong>Especially since, as technology evolves, there are more specialisations than ever<\/strong> \u2014 without imposing pressure to excel in each one, a budding developer is sure to find their cup of tea.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Organising this workshop presented us with some challenges, but it was also immensely gratifying. Events like this reaffirm our belief in the aspirations of many young people to pursue a career in the IT world&nbsp;and expand their technological horizons. We would like to thank the Bialystok University of Technology for their help in bringing this workshop to life \u2014 this is not our first collaboration, and we hope it will not be the last. The workshop itself would not have taken place without Ela and Ada \u2014 the girls are remarkably talented specialists, and the experience and knowledge of developers like them are the foundations of every successful IT company. For insights into upcoming events hosted by Infinity Group, be sure to follow our social media channels.<\/p>\n\n\n\n<div class=\"wp-block-contact-form-7-contact-form-selector\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f5799-o1\" lang=\"pl-PL\" dir=\"ltr\" data-wpcf7-id=\"5799\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/blog\/wp-json\/wp\/v2\/posts\/4721#wpcf7-f5799-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formularz kontaktowy\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"5799\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pl_PL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f5799-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<h2 class=\"form-title\"><span class=\"ez-toc-section\" id=\"contact-with-us\"><\/span>Contact with us\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"form-row\">\n\t<div class=\"form-column\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name and surname*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-column\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Company*\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"form-row\">\n\t<div class=\"form-column\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-mail*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-column\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"15\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"Phone number\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<p>*Required\n<\/p>\n<p class=\"klauzula-naglowek\">Clause:\n<\/p>\n<p>The administrator of your personal data is Infinity Group Sp. z o.o., with its registered office in Bia\u0142ystok.<br \/>\nThe data provided in the form will be processed for the purpose of responding to your inquiry (Article 6(1)(f) of the GDPR \u2013 the administrator\u2019s legitimate interest consisting in conducting correspondence). Providing your data is voluntary, but necessary in order to receive a response.<br \/>\nYou have, among others, the right to object to the processing of your data and the right to lodge a complaint with the President of the Personal Data Protection Office (Poland). Detailed information, including information on data recipients, the data retention period, and possible transfers of data outside the EEA, can be found under the link \u201cInformation on the processing of your personal data\u201d.\n<\/p>\n<\/form>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Last Friday, together with Bialystok University of Technology and the Career Development and Alumni Relations Office, we organised a workshop for students titled&nbsp;\u201cReaguj na jawie, czyli podstawy programowania w JavaScript i wprowadzenie do biblioteki React\u201d. To provide the best possible learning environment and maximise knowledge transfer, we limited the workshop to 10 participants. The event&#8230;<\/p>\n","protected":false},"author":26,"featured_media":5676,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"class_list":["post-4721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-success-stories"],"_links":{"self":[{"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/posts\/4721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/comments?post=4721"}],"version-history":[{"count":10,"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/posts\/4721\/revisions"}],"predecessor-version":[{"id":5950,"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/posts\/4721\/revisions\/5950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/media\/5676"}],"wp:attachment":[{"href":"https:\/\/www.infinity-group.pl\/blog\/wp-json\/wp\/v2\/media?parent=4721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}