Frontend Handbook 🎢

Frontend Masters разом із Cody Lindley випустили Frontend Handbook 2024 - книга, яка точно варта вашої уваги.

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

👉 Відкрити посилання

#news

Welcome!

Let's practice our English! So...

👉 What three apps do you use the most? Why?

Have a nice #english_friday 💛

AI Roadmap 🤖

Ще колись давно ми ділилися з вами сервісом roadmap.sh.

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

Сама генерація ще поки в беті, але вже було створено понад 28k таких роадмапів.

👉 Відкрити посилання

#news

Path 🛣️

Якщо ви працюєте не з браузерним JavaScript, ви можете стикнутись із записом/читанням файлів. Для цього ви вже знайдете хороший список функцій чи не в кожній стандартній бібліотеці. А от перед тим, як з файлом працювати, потрібно його знайти.

І тут важливо не забути, що Unix та Windows обробляють шляхи до файлів різними способами. Для того, щоб не привʼязуватись до конкретної платформи, краще використати готові рішення, наприклад, path в Node.js (в більшості мов програмування є свої відповідники). Це теж частина стандартної бібліотеки, де можна знайти корисні функції. Вона приймає шматки шляху до файлу, обʼєднує їх (відповідно до поточної платформи) та повертає назад.

Наприклад, на Linux виклик path.join("path", "to", "oops", "..", "file") поверне "path/to/file". Якщо ж запустити таке ж на Windows замість / ви побачите \.

👉 Відкрити документацію

👉 Переглянути пост в Reddit

#interview

React Email 📧

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

Ще досі найпопулярніший і найбезпечніший спосіб верстки емейлів - табличний. На додачу, всі стилі мають бути inline. Ну нікому ж не хочеться з цим гратись. Тому існують різні бібліотеки/фреймворки, які полегшують процес верстки, наприклад, mjml. Проте, сьогодні поговоримо про інше, про ще одне місце куди засунули React.

React Email - колекція компонент та методів для створення емейлів з допомогою React та TypeScript. Ви можете писати свої компоненти, використовуючи деякі вже готові, такі як Column, Row, Img, Button та інші. Після цього з допомогою render методу можна перетворити їх у готовий до відправки html. З корисного, можна відрендерити компоненти не у html форматі, а plain text.

👉 Відкрити посилання

#library

Welcome!

Let's practice our English! So...

👉 Do you speak Паску? 😅

Have a nice #english_friday 💛

Христос Воскрес!

Welcome!

Let's practice our English! So...

👉 What did you do with your first salary? What'd you do with it now? 💸

Have a nice #english_friday 💛

Тут мав би бути пост про нові анонси від OpenAI та про ChatGPT 4o 🤭

Але @Yurets7777 шустро написав про це в чаті.

Тому, якщо хочете взяти участь в обговоренні цих новин - долучайтесь!

#todo написати функцію на будь-якій мові програмування, яка приймає три параметри: сума вкладу (невідʼємне), річна відсоткова ставка (невідʼємне), кількість років (ціле, невідʼємне). Функція має повернути суму, яка буде після завершення строку депозиту.

React Compiler 🐌

Вчора React показали новий компілятор для (як не дивно) React. Про це знали вже давно, але ось, нарешті, можна глянути код і, навіть, погратись в пісочниці.

Сам компілятор написаний на Rust. Тож, як мінімум, компілюватись воно має швидко.

👉 Відкрити пост у Twitter

👉 Відкрити playground

Ну і звісно діліться своїми думками щодо такого оновлення ⬇️

#news

Welcome!

Let's practice our English! So...

👉 If you could return to school, what would you change in your behavior/study?

Have a nice #english_friday 💛