До речі!

Хто хотів би почати вивчення, як створювати штучний інтелект - рекомендую ось це відео 😉

https://youtu.be/8Ds1TD-uUds


#python #advance #ai #video

Для Mac, або Linux

Якщо виникла така помилка під час використання пакетних менеджерів (pip, npm, інші…) (фото)

То використай приставку: sudo

Це команда завдяки якій, ти говориш комп‘ютеру, що впевнений у виконанні конкретної дії 😉

Використовуй в задоволення))


#web #python #basic #problem

Є дуууже багато хостингів там де ти можеш розмістити свій сайт.

Наприклад: godaddy.com, hostiq.ua
Я рекомендую ці два (передивився вже багато)…🤫

І в наступному пості розповім як розмістити там твій сайт!


#web #advance #basic

Вітаю!

Якщо комусь потрібен дизайнер)
Можу порекомендувати: @nnastya_jl

Зараз співпрацюю з нею - чудовий дизайнер!


#web #python #basic #advance

Якщо тобі було цікаво, що таке фреймворк - подивись ось це відео)

Рекомендую!
Автор чудово пояснює

Сподіваюсь, кожному буде зрозуміло 😌

(Відео, на жаль, російською, проте, сподіваюсь, що скоро буде український переклад)
https://youtu.be/w6kdepP5P6k



Усім чудового дня!

Чи всі знають, що таке БЕМ?

Я сподіваюсь багатенько з вас.
Але, якщо хтось не знає - це метод написання назв для класів

Якщо хочете, щоб я більше розповів саме про цю технологію відправляйте реакцію "⚡️" на цей пост)




Тим часом хочу тобі відкрити невеличку несподівку... є не тільки така методологія

Їх дуже багато!

На цьому сайті, ви можете побачити їх популярність на 2020 рік: https://2020.stateofcss.com/en-US/technologies/methodologies/


На жаль, на цьому сайті, я не знайшов такий самий графік за 2022 рік... але сподіваюсь, що він скоро зʼявиться)


Хто хотів би більше дізнатися про інші методології - відправляйте реакцію "👨‍💻" на цей пост)

Хочу порекомендувати тобі один сервіс, там де ти зможеш навчитися друкувати в сліпу: https://www.ratatype.com


Навіщо це потрібно?

Так як ти, або програміст, або хочеш ним стати - тобі треба буде багато друкувати)

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

А ще робити менше помилок) особливо, коли плутаєш українську та англійську клавіатуру))


#web #python

Одного разу, у мене учні питали, як можна зробити анімований таймер у React

І ось, я знайшов для тебе статтю на англійській, як це можна зробити)



https://dev.to/ramonak/react-how-to-create-a-custom-progress-bar-component-in-5-minutes-2lcl



Спобуй! Це буде цікаво)

Якщо будуть проблеми - напишіть мені, я тобі з радістью допоможу @alex_demko_work 😌

До речі, бачу, що в багатьох є питання на рахунок методологій та мого редактору коду)

У наступних постах я тобі дам відповідь на ці питання



А вже пізніше, після того як відповім - повернусь до звичайних цікавинок у програмуванні 😉

Що таке БЕМ??


Чи не найчастіше питання моїх учнів 😉



БЕМ - це методологія (метод написання коду)

Розщифровується, так:
Б - блок
Е - елемент
М - модуль



Це використовується в HTML, при створенні класів)



Навіщо? - для того, щоб різні розробники розуміли один одного HTML та CSS код

Як же він створюється? - створюється він у класах

Як це саме відбувається? - до будь-якого елементу задаєш атрибут клас: <div class="block__element--module">

САМЕ НАЗВА КЛАСУ - ЦЕ І Є МЕТОДОЛОГІЯ БЕМ!!!!!



Як же називається цей клас?

Перша частина; замість слова block (block__element--module):


Спочатку, називаєш, чим же буде цей блок на сайті:
- footer (нижня частина сайту)
- header (верхня частина сайту)
- main (головна частина сайту)
- blog (частина, яка відповідає за блог)
- тощо (це просто назви, якими би ти міг описати, що буде робити той, чи інший блок)

Як воно буде виглядати:
<div class="footer">
</div>



Друга частина; замість слова element (block__element--module):

Необовʼязкова частина, яку застосовують, коли всередині блоку є декілька елементів; для назви element використовують назви тегу; наприклад:
- a, p, div, table, tr, td (ЦЕ НАЗВИ ТЕГІВ В HTML)

Як воно буде виглядати:
<div class="footer">
<p class="footer__p"></p>
<img class="footer__img">
</div>



Третья частина; замість слова module (block__element--module):

Необовʼязкова частина, яку застосовують, коли в елемента є декілька станів, наприклад елемент закритий, або відкритий:
- closed
- opened
- і так далі (детальніший опис СТАНУ елементу)

Як воно буде виглядати:
<div class="footer">
<p class="footer__p"></p>
<img class="footer__img--opened">
</div>



Перша частина відділяється з другою двома "__"

А друга з третьою двома тире "--"



У будь-якому випадку, ці всі правила не обовʼязкові, можна робити так, як тобі простіше)
Але це, загальноприйнятий метод використання методології БЕМ))
Який використовують в багатьох компаніях 😌



Якщо хочеш дізнатися більше - отримуй декілька цікавих статей та відео на цю тему 😉👇

- https://avivi.pro/ua/blog/metodologiya-bem-v-deystvii/
- http://linkomania.com.ua/css-metodologiyi-css-bem-smacss-ecss/
-https://www.youtube.com/watch?v=3HDi0Qn-c4g

Що таке ITCSS??



ITCSS - це методологія (метод написання коду)

Розшифровується, так:
I - Inverted (перевернутий)
T - Triangle (трикутник)
CSS - Cascading Style Sheet (Каскадні Таблиці Стилів; дизайн для сайтів)



Це використовується в CSS; при створенні файлів CSS, для того, щоб було простіше з ними працювати)
А саме логіка приєднання та створення цих файлів)

Можно використовувати методологію ITCSS з іншими технологіями: БЕМ, OOCSS, SMACSS та іншими)

Ідея ITCSS у тому, щоб розділити CSS код на 7 частин:
1.) Settings (Налаштування) - містити визначення шрифтів, кольорів тощо.

2.) Tools (Інструменти) - глобально використовувані міксини та функції.

3.) Generic (Загальні) - скинути та/або нормалізувати стилі тощо.

4.) Elements (Елементи) - стиль для звичайних елементів HTML (наприклад, h1, a, div, table та тощо).

5.) Objects (Обʼєкти) - місце, у якому пишуться всі функції-декоратори в CSS. Функції-декоратори - це команди в CSS, які починаються з @; наприклад, @media, @keyframes, @import та інші функції

6.) Components (Компоненти) - специфічні компоненти інтерфейсу користувача (наприклад, стоврення стилів для банерів, навігаційної панелі, блоків з товарами тощо). Найбільше роботи буде в цьому місці.

7.) Utilities (Утіліти) - файл де можно переробити (перезаписати) стилі елементів, які ппопередньо були записані в інших шести файлах 👆



Навіщо? - для того, щоб різні розробники розуміли один одного HTML та CSS код

Як же він створюється? - для того, щоб його створити, треба написати або файл з назвою одного з підпунктів (Settings, Tools, Generic та інші), або створити папку з такими ж назвами; а також створити один загальний файл, у якому підключаються інші файли (наприклад, файл з назвою main.css, або style.css)


Як це саме відбувається? - у цьому головному файлі (main.css, або style.css) підключаєш всі інші CSS файли (які ти розділив через методологію ITCSS), наприклад:

@import 'settings.css';
@import 'tools.css';
@import 'generic.css';
@import 'elements.css';
@import 'vendor.css';
@import 'objects.css';
@import 'components.css';
@import 'utilities.css';


У будь-якому випадку, ці всі правила не обовʼязкові, можна робити так, як тобі простіше)
Але це, загальноприйнятий метод використання методології ITCSS))
Який використовують в багатьох компаніях 😌



Якщо хочеш дізнатися більше - отримуй декілька цікавих статей та відео на цю тему 😉👇

- https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/#what-is-itcss
- https://developer.helpscout.com/seed/glossary/itcss/
- https://www.hongkiat.com/blog/inverted-triangle-css-web-development/

Вітаю!
У мене є один знайомий, який пропонує попасти на стажування та допомогти команді з досягненням цілей)

Дивись, компанія буде розробляти додаток локальної соц. мережі для університетів в Україні (та не тільки)

Треба буде створити веб-додаток та бекенд на Python-ні (якщо вони нічого не передумали; якщо ти знаєш Python, або фронтенд та хочеш постажуватися - можеш їм написати)

Так, як він буде виглядати та всі подробиці ти дізнаєшся пізніше)

Якщо, цікавить така пропозиція напишіть Олександру сюди: @thebirdisfreed

Та скажи, що ти від мене 😉

Вітаю!

Дякую, що написав Олександру (@thebirdisfreed)

Можливо, ти впевнений, що ти розробник middle-senior рівня (Frontend, або Backend) - також можеш написати Олександру) у нього дня тебе буде цікава пропозиція! 😉



(Від мене дякую усім хто написав Олександру - ВИ МОЛОДЦІ!!!)

Вітаю! 😃

Я хотів би порадити надзвичайно цікавий та корисний Телеграм-канал про Python, який може стати в нагоді тобі в навчанні та у подальшому розвитку)