📕 Ruby on Rails Tutorial (Addison-Wesley Professional Ruby Series)

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

📕 Beginning Rails 6: From Novice to Professional

🔖 Мета цієї книги — дати вам глибоке та повне розуміння того, як створювати динамічні веб-додатки за допомогою Rails. Це означає більше ніж просто навчити вас, як використовувати особливі функції та можливості фреймворку, і більше ніж просто надати вам робочі знання мови Ruby. Rails — це трохи більше ніж просто ще один інструмент: він являє собою певний спосіб мислення.

📕 Agile Web Development with Rails 6

🔖 Книга починається з покрокового опису створення реальної програми, а в більш детальних розділах розглядаються вбудовані функції Rails.
Зміст цієї книги було розроблено під час консультацій з основною командою Rails.

📕 Rails: Novice to Ninja: Build Your Own Ruby on Rails Website

🔖 Rails: від новачка до ніндзя — це простий, практичний і цікавий посібник із Ruby on Rails для початківців. У книзі описано все, що вам потрібно для створення та запуску повнофункціональної веб-програми.
☝️ Зверніть увагу, що в цій книзі йдеться про Rails 5. Якщо ви використовуєте новішу версію, ознайомтеся з основними випусками.

📕 Learn Rails 6: Accelerated Web Development with Ruby on Rails

🔖 Ця книга навчає сучасних інженерних практик, включно з git-flow, контейнеризацією, налагодженням, тестуванням та розгортанням. Ви дізнаєтеся, як створити соціальну мережу, а потім розгорнути її у хмарному провайдері.

📕 Modern Front-End Development for Rails: Hotwire, Stimulus, Turbo, and React

🔖 Rails версії 6.1 має інструменти, які допомагають вам взаємодіяти з екосистемою JavaScript. У цій книзі ви дізнаєтесь, як можна покращити роботу стандартної програми Rails за допомогою зовнішніх інструментів екосистеми Rails (Hotwire, Stimulus, Turbo та Webpacker) та інструментів екосистеми JavaScript (webpack, TypeScript, і React), щоб створити чудову програму на основі Rails.

#codica_advice

Всім спокійного і легкого ранку, тримайте невеличку добірку новин цього тижня 😌

🧑‍💻 Як я забезпечив вдома безперебійне інтернет-з’єднання — поради та план дій.

📲 Або штраф, або в бан: ЄС попередив Маска про наслідки недотримання правил із боку Twitter.

👶 Нова нейромережа Disney може з легкістю змінювати вік актора.

🔻 Як відправляти електронні листи за допомогою Ruby — розглядаємо на прикладах.

📈 Кількість вакансій для українських ІТ-спеціалістів зросла на 15%.

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

#codica_ruby

Що таке JAMstack? 🤔

Все більше обертів набирає досить новий і нетрадиційний підхід у створенні сайтів - JAMstack.

💁‍♂️ Для початку давайте розберемося, що таке JAMstack, з чим його їдять і чому він перевершує традиційні web-сайти. Щоб не заглиблюватися в подробиці і не перетворювати цей допис на копіпаст з офіційних джерел, ми опишемо двома словами, що ж таке цей JAMstack.

#codica_tech

📎 JAMstack – не технологія. Можна назвати це методологією або підходом, який пропонує безліч інструментів на вибір для створення статичних сайтів.

✏️ JAMstack це - "J" - JavaScript, "A" - API, "M" - markup (так зазначено на офіційному сайті).
Виходячи з розшифровки абревіатури, ми розуміємо, що для створення статичного сайту, який не поступатиметься динамічному, нам необхідно всього 3 компоненти:

🔹 JavaScript — для надання інтерактивності нашому сайту;
🔹 API — джерело інформації, що використовується сайтом;
🔹 Markup — якийсь контент-генератор або, як його називають, «шаблонізатор», що дозволяє створити розмітку сторінок.

З дедалі більшою потребою у швидкості завантаження та простоті підтримки готового продукту традиційні CMS – досить непростий випадок:

▪️вразливість перед атаками хакерів;
▪️за великого напливу відвідувачів сервер перестає відповідати;
▪️часто низька швидкість сайту;
▪️вимагає постійної підтримки та модерування сервера.

Звичайно, всі ці проблеми вирішуються. Але для вирішення цих завдань потрібна участь досвідченого веб-майстра, роботу якого потрібно оплатити. А ще уявіть ситуацію, коли сайт зламують, або він починає «падати», або завантажується довго. Це завжди обертається втратою грошей клієнта 🙄

Переваги JAMstack👇

✅ Для деплою статичного сайту вам не потрібен традиційний веб-сервер. Статичний сайт можна розмістити будь-де, і він буде працювати від Git Pages до Amazon CDN або на інших сервісах для зберігання файлів.

✅ Безпека. Максимум, що може зробити зловмисник – скопіювати наші HTML-файли.

✅ Швидкість сайту. Тут усе ще простіше — сторінку вже зібрано, вона не будується у рантаймі. Користувачеві при запиті надходить простий HTML-файл, який вже заповнений контентом. Як плюс, приємні фічі Asset Optimization від Netlify дозволяють зробити вагу нашої сторінки мінімальною.

✅ Жодної циклічної підтримки, бекапів та модерації. Все зберігається в Github/Bitbucket/GitLab або у вашому архіві на жорсткому диску. А щодо згенерованого контенту, у випадку з Netlify ваш сайт розміщений на тисячах CDN-серверів по всьому світу.

У чому підступ? 😑

✋ Високий поріг входу - незважаючи на те, що загалом підхід простий, потрібні гарні знання JS. Вони знадобляться, коли вибиратимете потрібний шаблонізатор, налаштовуватимете систему збірки, розбиратиметеся, як працює Headless CMS і як зібрати все докупи.

✋ Не годиться для інтерактивних додатків — просто через особливості підходу.

✋ Швидкість збірки — через значну кількість сторінок на їхню генерацію може піти до 20 хвилин часу, а це погано позначається на загальній швидкості опублікування. У момент генерації також підвищується навантаження на базу даних, що може сповільнити процеси опублікування.

✋ Бажано використання CDN — для досягнення максимальної ефективності доводиться використовувати CDN, але це вимагає часу, поки всі файли замінюються, кеш встигне скинутися.

Як бачите, є переваги і недоліки, тому перед тим як братися за роботу, потрібно все зважити і зрозуміти критичні моменти для вашого проєкту 🙂

#codica_tech

Сьогодні у нас подвійне свято 🪅
Codica вітає всіх з Днем Святого Миколая та з Днем Збройних Сил!

Дякуємо нашим захисникам і захисницям, які просто зараз обороняють Україну 🇺🇦
Разом - ми сила!
Підтримуємо Збройні Сили України та віримо у перемогу! 💙💛

Також бажаємо вам приємних подарунків та солодких сюрпризів, миру і блага в сім’ї, доброго щастя і міцного здоров’я, великої удачі та чудових ідей, відкритої душі і світлої надії 🪄

В чому різніця між 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