В чому різніця між Single-Page та Multi-Page Apps 🤔

📱 Веб-застосунки можна створювати різними способами – як односторінкові (SPA) і багатосторінкові (MPA). Якщо ви збираєтеся розробити веб-застосунок для свого бізнесу, ви, ймовірно, поламаєте собі голову над цими варіантами. Щоб допомогти вам впоратися з такою складною задачею, ми підготували статтю, в якій докладно описано SPA та MPA та викладено їх основні плюси та мінуси.

#codica_tech

Що таке односторінковий застосунок (SPA)❓

✍️ Односторінкові застосунки (SPA) використовують інноваційний підхід до дизайну, який використовує здатність JavaScript маніпулювати елементами DOM на сторінці.

👉 Користувачеві не потрібно переходити з однієї сторінки на іншу або перезавантажувати нові сторінки. SPA дозволяє їм продовжувати взаємодіяти зі сторінкою, а нові елементи завантажуються та оновлюються. Отже, використання такої програми є ефективним за часом, оскільки вам не потрібно чекати, поки завантажаться інші сторінки. Натомість весь вміст завантажується за один раз або автоматично завантажується на сторінку під час прокручування.

Як і все в цьому світі, SPA має свої переваги і недоліки. Розглянемо деякі з них👇

✔️ Швидка відповідь
Однією з переваг односторінкових програм є те, що вони швидше завантажуються порівняно з MPA. SPA отримують всілякі довідкові дані, як-от структура сторінки та макет, безпосередньо з сервера. Вони заповнюються даними за запитом користувача.

✔️ Легке налагодження
SPA здебільшого створюються за допомогою таких технологій, як React і Vue.js, які часто використовуються в поєднанні з набором розробників на базі браузера в Chrome. За допомогою цих інструментів налагодження легко виконується з браузера, заощаджуючи багато часу на обслуговування SPA.

✔️ Лінійний потік вмісту
На веб-сайтах, які мають однорідний тип вмісту та не мають кількох сторінок у своєму макеті, прокручування – це, мабуть, єдине, що потрібно робити користувачеві.

✔️ Можливості кешування
В односторінкових застосунках дані збираються разом на сервері. Оскільки всі дані надходять як єдиний пакет, їх також можна кешувати разом. Такий підхід зменшує затримки завантаження та покращує взаємодію користувача з джерелом.

❌ Пошукова оптимізація (SEO)
В основі односторінкових веб-застосунків лежить JavaScript. Отже, пошукові системи, які не виконують JavaScript, не зможуть ефективно читати та ранжувати вміст сторінки. Цей недолік можна подолати шляхом копіювання сторінки у форматі HTML, який сканери можуть обробити. Але цей крок збільшить вартість SPA-застосунку.

❌ Переривання історії браузера
Оскільки існує не більше однієї сторінки, немає й переходу з однієї сторінки на іншу. Якщо користувач намагається повернутися на «попередню» сторінку, натиснувши кнопку «назад», нічого не відбувається. Звичайно, є обхідні шляхи, щоб подолати це, але вони недостатньо ефективні.

❌ Безпека
Односторінкові застосунки дуже вразливі до атак XSS, що означає, що вони не зовсім безпечні. Інколи конфіденційні дані користувача можуть бути розкриті. Користувач бачить лише обмежений вміст у певний момент через обмеження розміру екрана, але програма все ще взаємодіє з пристроєм користувача на набагато глибшому рівні, ніж можна підозрювати, витягуючи файли cookie та іншу особисту інформацію, як і будь-який повноцінний веб-сайт.

Для чого підходить односторінковий веб-застосунок? 🧐

📌 Оскільки пошукова система не може належним чином працювати з односторінковою програмою, вона не підходить для створення веб-сторінок для багатьох цілей. У той же час односторінкові програми підходять для веб-сайтів, які не потребують сканування пошуковою системою, наприклад, для будь-якої служби, у яку можна увійти за допомогою імені користувача та пароля, оскільки вони не призначені для доступу сканера.

#codica_tech

Що таке MPA (багатосторінкова програма)❓

✍️ Багатосторінкові програми – це ті, які користувачі мали до появи односторінкових програм. Навіть сьогодні багато наявних веб-сайтів є MPA. На такій веб-сторінці сервер отримує багато запитів за дуже короткий проміжок часу. Натискання посилання може призвести до відкриття іншої сторінки. Таким чином, кожну сторінку потрібно додавати окремо.

👉 Оскільки MPA містить багато сторінок, кожна сторінка може містити певний розділ інформації веб-сайту. Таким чином, веб-сайт має систематичну структуру розташування сторінок. Ті, хто хочуть бачити сторінку структурованою, як дерево або щось з основним розділом і гілками, вважають це корисним.

Розглянемо деякі переваги і недоліки👇

✔️ Нескінченна масштабованість
Однією зі сфер, де MPA знаходяться в кращому становищі, ніж SPA, є обсяг інформації, яку вони можуть обробляти. Оскільки кількість сторінок не обмежена, може бути сторінка, присвячена кожній функції продукту чи послуги. Кожна сторінка може обробляти будь-яку кількість інформації. В односторінковій програмі, якщо забагато інформації розміщено на одній сторінці, для завантаження знадобиться деякий час.

✔️ Аналітичні дані
За допомогою MPA компанії аналізують ринок, використовуючи знання, отримані в Інтернеті. Існує купа життєво важливих аналітичних даних веб-активності, які вони можуть збирати онлайн, оскільки вони зручно сумісні з пошуковими системами. SPA надають лише інформацію про людей, які їх відвідують, і тривалість перебування користувачів.

✔️ Пошукова оптимізація (SEO)
На відміну від SPA, MPA та SEO оптимізація йдуть рука в руку, оскільки структура сумісна зі сканерами.

❌ Низька швидкість і продуктивність
Багатосторінковим програмам потрібно знову завантажувати ту саму сторінку кожного разу, коли користувач робить запит. Кожна сторінка, включно не лише з її вмістом, але також візуальними елементами та макетом, узгодженим на всіх сторінках, щоразу перезавантажується. Відповідно, цей процес забирає багато часу.

❌ Технічне обслуговування та безпека
Підтримувати багатосторінкову програму може бути проблемно. Робота з усіма численними сторінками та їхньою інформацією не така проста. Крім того, багатосторінкові програми часто мають проблеми з безпекою. В односторінковій веб-програмі існує лише одна сторінка, яку потрібно захистити, тому безпеки кінцевої точки може бути достатньо.

❌ Тривалий процес розробки
У більшості випадків MPA вимагають внутрішньої розробки з нуля. Інтерфейс також потрібно розвивати. З кількома сторінками та складною структурою процес розробки може бути складним і трудомістким.

Коли використовувати MPA? 🧐

📌 MPA буде хорошим варіантом для великих організацій зі складною та різноманітною діяльністю. Компанія, яка обробляє багато різних товарів і послуг, може вважати MPA найкращим варіантом.

Односторінкова програма чи багатосторінкова програма? 👀

👌 Обидві мають свої сильні та слабкі сторони. Отже, якщо у вас є компанія чи бізнес зі складною організацією чи широким асортиментом продукції, то MPA буде гарним вибором. Якщо ваш обсяг інформації порівняно невеликий і пропозицію можна розмістити на одній сторінці, SPA буде відмінним варіантом. Але в цьому випадку вам слід зосередитися на SEO, щоб ваш веб-сайт був видимий для ширшої аудиторії.

#codica_tech

Доброго ранку та гарного дня всім 🌞

#codica_js

5 веб-сайтів, за допомогою яких можна швидше навчитися front-end розробці 🖥

⌨️ Exercism.org

🖱 Безкоштовна онлайн-платформа з відкритим вихідним кодом, яка пропонує розробникам практику та наставництво з 50 різних мов програмування.

#codica_advice

⌨️ Codepen.io

🖱 Один із найкращих веб-сайтів для практичного дизайну веб-інтерфейсу. Редактор коду дуже простий у використанні, ви можете вставити HTML, CSS та JS, щоб перевірити, як працює ваш код. Крім того, ви можете вибрати препроцесор для CSS/JS і включити зовнішні бібліотеки, як-от jQuery.

⌨️ JSFiddle.net

🖱Схожий на Codepen. Можна включити препроцесори та зовнішні бібліотеки зі сторонніх веб-сайтів.

⌨️ W3Schools.com

🖱 На відміну від Codepen та JSFiddle, W3Schools пропонує різні типи платформ для навчання. Він пропонує величезні підручники з HTML, CSS та JavaScript. Ви можете прочитати підручник, переглянути приклади в реальному часі та спробувати свій код в Інтернеті.
Також, платформа пропонує підручники з багатьох інших мов програмування, як-от Python, PHP, SQL тощо.

⌨️ Getbootstrap.com

🖱 Розділ документації на веб-сайті пропонує повний посібник із використання останньої версії Bootstrap. Ви можете скористатися наявним шаблоном початківця та простими текстовими редакторами, як-от Блокнот, на своєму комп’ютері, щоб відпрацювати навички веб-дизайну в інтернеті. Крім того, ви можете встановити Bootstrap у свій проєкт, використовуючи різні пакети, як-от NPM, RubyGems тощо.

#codica_advice

10 способів мотивувати себе на пошук роботи 💪

#НапуттяВід_HR Директорки Клименко Наталії

💁🏻‍♀️ У моменти великої турбулентності особливо складно зібрати себе та почати взагалі щось робити. Страх, невизначеність, туманність майбутнього сковує нас і не дає побачити нові перспективи. Все правильно!

🙂 Сьогодні ми з вами розберемо питання – як перейти від стану “потрібно починати” до стану “я йду та роблю”. І як нам це робити не за вказівкою, через "треба", а через "цікаво, хочу, надихає".

1️⃣ Сенс.
Кожен із нас, розуміє він це чи ні, шукає у будь-яких діях якийсь сенс. Що мене змушує вранці вставати? Навіщо мені потрібно працювати? У чому сенс пошуку роботи?
👉 На цьому етапі важливо чесно відповісти собі на запитання: навіщо мені потрібна ця/нова робота? Все просто і водночас ні. Гроші? Статус? Час із користю?

2️⃣ Цілі.
Ніщо так нас не мотивує як цілі, записані в органайзер. Важливо: формулюйте їх чітко, прозоро та обов'язково прив'язуйте до часу. Тут одразу з'являється якась визначеність та зрозумілість. Не ставте відразу амбітних цілей, наприклад, піти на співбесіду до компанії Х.
👉 Починайте з маленьких. Наприклад, протягом тижня я щодня додаватиму трьох IT рекрутерів у свою мережу і запитуватиму про роботу. Маленькі перемоги мотивують нас на більші. І так далі - переходьте від більш простих цілей до більш складних.

3️⃣ Візуалізація.
Недарма зараз дуже популярні карти бажань, марафони спонукань та інша візуалізація. І це все працює за грамотного розуміння їх природи. Витратьте кілька хвилин, щоб яскраво уявити той момент, коли ви йдете на роботу, посміхаєтеся своїм новим колегам, сідаєте за свій робочий стіл, отримуєте зарплату врешті-решт…
👉 Постарайтеся добре вжитися у роль самого себе в майбутньому. Чим ви зайняті, що навколо роблять оточуючі, як ви почуваєтеся. Уявили? А тепер знову повертайтеся до пункту 1 і 2 – сенс та цілі. Якщо нічого тут не турбує - значить ви на правильному шляху.

4️⃣ Почати – це головне.
Наступний етап один із найважливіших. Просто почніть щось робити! Переглядайте вакансії, читайте джоб-канали, коригуйте своє резюме, збирайте в окрему папку вакансії, що сподобалися, переглядайте сайти компаній, хоча б уточніть у рекрутера, що це за така цікава вакансія у вас з'явилася… Вже починайте щось робити.
👉 Важливо! Рухайтеся від найпростіших завдань до більш складних. Так вам буде легше отримати позитивний результат.

5️⃣ Заохочення.
Важливо навчитися зосереджуватися на своїх маленьких перемогах. Як варіант можна завести журнал успіху, де кожен день фіксувати свої досягнення. Наприклад, я знайшов гарний шаблон для створення резюме, розібрався з ним, заповнив, мені подобається, як він виглядає.
👉 Записуйте свої маленькі перемоги щодня. Таким чином ви будете бачити свій прогрес і мотивувати себе на ще більші досягнення. Не забувайте себе заохочувати, наприклад, пообіцяйте собі якусь нагороду за те, що зробите якусь заплановану дію, на яку давно не наважувалися.

6️⃣ Знайомтеся з історіями, що надихають.
Мене, наприклад, цей пункт завжди мотивує на якісь нові досягнення. Я читаю історії успіху цікавих людей у моїй індустрії, вивчаю біографії брендів, що сподобалися, відзначаю, як вони долали труднощі. Ми навчаємося на своєму досвіді, але досвід інших людей теж часто виявляється надихаючим та корисним.
👉 Особливо впливають на нас історії, пов'язані з нашою професійною діяльністю. Прикладів сотні. Кожен із них — ваш ключ до мотивації на пошук роботи. Просто скажіть собі: «Чим я гірший? Я зможу так само або навіть краще».

7️⃣ Шукайте роботу разом із кимось.
Ви знаєте, чому люди ходять у фітнес клуби, а не займаються спортом вдома індивідуально? Так, так, буває й індивідуально, але групова робота завжди стимулює нас озиратися на друзів, знайомих, людей зі схожими завданнями та вирішувати їх спільно!
👉 Команда людей, які хочуть і можуть співпрацювати один з одним, може досягти багато чого. Навіть якщо ви ділитеся схожими проблемами, обговорюєте подібні теми, пишете у схожі ком'юніті - це мотивує вас на пошук роботи. Адже ви не віч-на-віч із проблемою, поряд з вами люди, які вирішують ті ж самі завдання.

#НапуттяВід_HR

8️⃣ Змініть підходи.
Пам'ятаєте, як кажуть, неможливо робити одне і те саме і сподіватися на інший результат. Отримавши результат, ми робимо висновки. Висновки дозволяють нам змінюватися та змінювати своє життя. Якщо якісь підходи, рішення не працюють, то їх потрібно переглядати.
👉 Думка начебто ясна і прозора. Але одна справа прочитати «розумний» вислів, а зовсім інша – зрозуміти, як можна застосувати його логіку до власної мотивації. Якщо ви не задоволені станом справ у пошуках роботи, необхідно, передусім, провести інвентаризацію тих дій, які ви робите у цій сфері.

9️⃣ Продовжуйте навчатися.
У будь-якій турбулентній ситуації продовжуйте навчатися. Ви не знаєте, що буде завтра, ви не знаєте, що буде з вашою професією. Виберіть те, що вам до душі і зробіть це своєю професією. Чи це не мотивація на пошук роботи?
👉 Якщо ви розумієте, що ваших знань дійсно не вистачає, щоб отримати роботу мрії, підіть на курси, навчайтеся онлайн або перегляньте зарплатні очікування, щоб потрапити до компанії, де ви напрацюєте потрібний досвід.

🔟 Дозвольте собі відпочити.
Якщо всі перераховані способи не змогли вас змотивувати на пошук роботи, значить, потрібно передихнути. Ми звикли думати, що лінь і бездіяльність – це погано. Ми починаємо себе звинувачувати у своїй слабкості та змушуємо себе робити хоч щось. Але так виходить тільки гірше, вичавлюємо останні сили, замість того, щоб відновити ресурси.
👉 За бажанням нічого не робити може ховатися невпевненість у собі, страх невдачі, хвороби чи ухиляння від важливої справи. У будь-якому випадку зробіть паузу, дайте собі видихнути, виспатися та проаналізувати свій стан.

Пам'ятайте, що ви і ваша робота – не одне і те саме ☝️

Якщо у вас немає успіхів у пошуку роботи, не дозволяйте собі думати, що з вами щось не так. Поставтеся до цієї ситуації як до виклику, який хочете подолати 😌

#НапуттяВід_HR

Безкоштовна інтернатура DevOps 🔥

БФ IT-Паросток, відкриває новий і затребуваний напрямок інтернатури у світовому IT-секторі: DevOps!

📌 DevOps/DevSecOps – це найпоширеніша методологія розробки програмного забезпечення у світі, яку використовують 35,9% команд розробників програмного забезпечення.

👀 Попит на досвід DevOps означає, що вартість послуг і рішень на ринку зростає, і очікується, що це зростання продовжиться в найближчому майбутньому поряд з переходом до хмарних обчислень.

Що ви отримаєте після успішного проходження інтернатури? 🤔

Досвід з IaC, Pipelines, AWS, GCP и Azure! Найкращих чекає запрошення на оплачувану інтернатуру за напрямком Kubernetes і після навчання – запрошення першу роботу в DevOps.

Що необхідно, аби приєднатися? 🤓

Аби потрапити до Паростку, необхідно пройти конкурс. Конкурс проводиться у формі успішного виконання тестового завдання. Успішне проходження завдання гарантує прийняття кандидата на стажування.

🔗 Надіслати заявку на участь у відборі.

Доброго ранку і гарної п'ятниці 😉

#codica_english

Roadmap для DevOps - що вчити? 🤔

Доповнюємо нашу добірку роадмапів👇

📌 Тримайте DevOps Roadmap 2022 - покроковий посібник про те, як стати DevOps-інженером.

Зберігайте і успіху у всіх ваших починах 😉

#codica_advice

207 років тому в Англії народилася перша програмістка Ада Лавлейс 👩🏻‍💻

☝️ Ада описала алгоритм обчислення чисел Бернуллі на аналітичній машині. Було визнано, що це перша програма, спеціально реалізована для відтворення на комп'ютері.

😌 Ада Лавлейс вважається першим програмістом, незважаючи на те, що машина Беббіджа так і не була сконструйована за життя Ади.

Свіжі новини на тему ІТ за останній тиждень 🗞

📲 Telegram більше не вимагатиме SIM-карту для реєстрації.
Telegram випустив чергове оновлення, яке вносить значні зміни не тільки в можливості застосунку, але і навіть в процес реєстрації в ньому.

👁 Репутація шахрая, робота на росію та «сумнівний профіль» у соцмережах. Що псує репутацію айтівцям на ринку.
Як айтівцю зіпсувати своє резюме та заробити кепську репутацію на ринку? Короткий рецепт досить простий: «стрибати» між роботами, неетично спілкуватися у соцмережах, брехати у резюме або вляпатись у шахрайство.

📉 Через ракетні атаки на енергетику експорт ІТ-послуг почав падати. У порівнянні з показниками минулого року у жовтні 2022 року обсяги експорту ІТ-послуг з України скоротились на 16%.

📚 Рейтинг ІТ-книжок 2022. Велике дослідження від DOU.

Доброго ранку та гарного тижня 😌

#codica_ruby

Книги, які варто прочитати кожному програмісту 📚

🔖 Розробник із десятирічним досвідом у програмуванні поділився у мережі добіркою книг з програмної інженерії. В ній немає корисної літератури про конкретні мови або платформи, проте тут ви знайдете найкращі практики, як організувати та поліпшити свій код.

#codica_advice

📗 Clean Code (Robert Martin)

☝️ Імовірно, це найрекомендованіша книга з програмної інженерії. Письмовий та організаційний стиль «дядечка Роба» вважається золотим стандартом написання чистого та підтримуваного коду.

👉 Якщо вам сподобається ця книга, пошукайте в інтернеті інші книги автора на цю тему — він також писав про проєктування чистої архітектури, організацію завдань за допомогою Clean Agile та загальний посібник для професіоналів програмного забезпечення за допомогою Clean Coder.

📗 The Pragmatic Programmer (Andre Hunt, David Thomas)

☝️ За словами автора добірки, якщо «Чистий кодер» зробив його найкращим програмістом, ніж він був раніше, то «Прагматичний програміст» — найкращим інженером-програмістом. Між кодуванням та інженерією існує велика прірва, яку можна подолати, вивчивши практичні аспекти цієї роботи.

📗 The Mythical Man-Month (Frederick Brooks Jr.)

☝️ Колись у вашій кар’єрі настане момент, коли вам доведеться прогнозувати терміни виконання проєкту. І ви помітите, що цей аспект розробки програмного забезпечення більше схожий на мистецтво, ніж на точну науку. Ця книга є введенням у деякі проблеми планування, містить застереження при роботі з великою командою інженерів-програмістів.

📗Release It (Michael T Nygard)

☝️ Книга містить важливі поради щодо управління продуктом на етапі, коли ви будете готові відправити свій код у реліз. Завжди важко і зворушливо випустити у світ своє творіння після того, як ви так довго працювали над ним. Бо щойно реальні клієнти почнуть його використовувати, це миттєво спровокує купу головного болю (адже не буває досконалих продуктів).

📗 Essential Scrum (Rubin Kenneth S.)

☝️ Як ви розставляєте пріоритети у роботі над великою системою, яку необхідно впровадити з нуля? Як взагалі почати розбивати жахливо великий та неоднозначний новий проєкт на дрібніші завдання, зрозумілі навіть джуніору?

👉 Найчастіше для управління проєктами та завданнями використовується метод Scrum (форма Agile-розробки). Він популярний, тому що справді працює, і це зручний інструмент, з яким повинен бути знайомий кожен айтівець.

#codica_advice