Ти просив, ми зробили! 😉
⠀
Запускаємо безкоштовний курс із HTML і CSS від навчального центру ІТ-компанії Freshcode ✨
⠀
За кілька тижнів ти:
🔹 навчишся працювати в популярному середовищі розробки VSCode;
🔹 опануєш оформлення текстового вмісту сторінки;
🔹 умітимеш позиціонувати елементи на екрані;
🔹 навчишся додавати зображення і налаштовувати тло сторінки;
🔹 зможеш верстати сучасні лендінги.
⠀
Заняття проходитимуть щовечора із 19:00 до 21:00. І відбуватимуться в режимі реального часу на YouTube. Тож ти зможеш спілкуватися з ментором напряму 😎
⠀
А щоб якісно засвоїти матеріал, будеш практикуватися під час заняття й трішки після нього. Та ще й отримувати фідбек від ментора щодо свого коду 🔥
⠀
Круто, правда? Щоб зареєструватися на безкоштовний курс із HTML і CSS, переходь за посиланням 👉 https://bit.ly/3BQuCfI
⠀
⏰ Стартуємо 5 червня.

Які помилки найчастіше роблять початківці? 🤔 Наша менторка Олена зібрала 4 найпопулярніші. А також — розповіла, як їх уникати.

Неправильний порядок та розташування дужок

Дужки часто заплутують початківців. Як наслідок — маємо проблеми з синтаксисом. Вони у свою чергу призводять до помилок у виконанні коду.

Щоб таких проблем не було, треба потоваришувати з додатками, які форматують код. Наприклад, Beautify для HTML, CSS, Sass та Prettier для Javascript. Звичка використовувати форматери позбавить від зайвих помилок. А твій код читатиметься легко не тільки тобою, а й колегами 🔥

Копіювання і вставка коду

Тільки здається, що копіпаст коду — це просто. Насправді ж така дія є дуже підступною для неуважних початківців.

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

Використання скорочень у назвах змінних

Іноді початківці зневажають назви змінних. Скорочують їх, або навіть називають літерами алфавіту. Це дуже ускладнює читання коду в майбутньому, бо постійно виникає питання: «А для чого нам змінна з назвою “w”?».

Раджу при створенні коду користуватися простим правилом ☝️ Код має бути зрозумілим до нудоти і не мати жодної інтриги. Щоби не виникали питання: «А чому я це так назвав і що я тут робив?».

Плутання операторів присвоєння (=) та порівняння (===)

Дуже часто в умовних конструкціях початківці пишуть одне дорівнює замість трьох. Це не є синтаксичною помилкою. Але буває помилкою у логіці роботи програми.

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

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

Було корисно? Став реакцію цьому посту 😉

#fresh_knowledge

Маєш нагоду перевірити свої знання з верстки. Або інтуїцію 🙃

#fresh_tests

Хочеш дізнатися більше про HTML та CSS? 😉

Реєструйся на наш безкоштовний курс 👇

Дізнаємося, що чекає на тебе цього тижня? Перші три слова – твоє передбачення 🪄

Пиши в коментарях, яка комбінація випала 😉

Перечитав чати в Telegram, переглянув сторіс в Instagram, перемив посуд… А бажання виконувати таски так і не з’явилося? Буває, проходили. Спеціально для тебе ми зібрали 4 методи, що допоможуть подолати прокрастинацію 😉
⠀
Метод Pomodoro 🍅

Виконуй завдання 30-хвилинними проміжками — «помідорами». Із них 20-25 хвилин витрачай на роботу, а 5-10 хвилин — на відпочинок. Повторюй 4 рази. Після останього підходу зроби 30-хвилинну перерву, щоб перепочити. Техніка Pomodoro допоможе виконати більше завдань за меншу кількість часу. Мрія, правда?

Метод З'їсти жабу першою 🐸

Роби найскладніше і найнеприємніше завдання спочатку. Найкраще — зранку, коли мозок ще не перенавантажений. Тоді інші задачі будуть здаватися дрібнішими. І менше виснажуватимуть. Усе геніальне — просте, чи не так?

Метод З'їсти слона по шматочках 🐘

Поділи велике завдання на дрібні частини. Так воно здаватиметься досяжнішим. І не змушуватиме тебе стресувати, коли бачиш масштаб. Поступово виконуй кожну частину задачі. І буде тобі щастя.

Метод швейцарського сиру 🧀

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

Було корисно? Залишай реакцію цьому посту 😉

#fresh_advice

Pet Project [pet ˈprɔʤekt]
Пет-проєкт. Невеликий другорядний проєкт розробника, яким він займається у вільний час.

1. The term «pet project» draws an analogy to a pet, as it is something that an individual works on and devotes time and effort to for their own satisfaction.
— Термін «пет-проєкт» проводить аналогію з домашнім улюбленцем, оскільки це те, над чим людина працює, чому приділяє час і зусилля для власного задоволення.

2. A pet project is an individual (less often a group) project that you do to test your own hypotheses and/or put into practice a newly learned technology or approach.
— Пет-проєкт є індивідуальним (рідше груповим) проєктом, який ви робите, щоб перевірити власні гіпотези і/або застосувати на практиці нещодавно вивчену технологію чи підхід.

3. Working on a pet project can take weeks, months, or even years, as long as you have free time and new ideas.
— Робота над пет-проєктом може тривати тижнями, місяцями або навіть роками, поки у вас є вільний час і нові ідеї.

#fresh_dictionary