- 798
- 1 343 218
Навчаємося Разом
Ukraine
Приєднався 7 тра 2016
Про мої курси: learningtogetherua.github.io/courses/
ДЛЯ ЗАПИТАНЬ ПРО FRONTEND: t.me/profrontendua 7 років створення якісного IT-контенту українською!
---
Створення сайтів (HTML, CSS, JS), комп'ютерна графіка (Photopea, Photoshop), Основи IT-освіти, Програмування у Scratch та mBlock 5
---
ПІДПИСКА ТА СПОНСОРСТВО - ПОДЯКУЙ автору каналу, отримуй бонуси для спонсорів:
ua-cam.com/channels/o8KNXmB8Yb_07FzwCL6HgQ.htmljoin
ДЛЯ ЗАПИТАНЬ ПРО FRONTEND: t.me/profrontendua 7 років створення якісного IT-контенту українською!
---
Створення сайтів (HTML, CSS, JS), комп'ютерна графіка (Photopea, Photoshop), Основи IT-освіти, Програмування у Scratch та mBlock 5
---
ПІДПИСКА ТА СПОНСОРСТВО - ПОДЯКУЙ автору каналу, отримуй бонуси для спонсорів:
ua-cam.com/channels/o8KNXmB8Yb_07FzwCL6HgQ.htmljoin
Google Fonts знов змінився. Як підключити шрифт.
Це відео - відповідь на запитання підписників які дивляться уроки попережніх років та не можуть підключити шрифти.
---
МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse
---
КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную безкоштовний 3-х годинний міні-курс: ua-cam.com/play/PLWuPdIzAqBUhY3CcSJOZKp45as3vCJB0Q.html
---
#frontendукраїнською
---
Чатік для питань за темою створення сайтів:
t.me/+VxIy6tHGmGoOOaCM
#frontendукраїнською
---
ДОНАТИТИ НА ЗСУ:
Стерненко на FPV-дрони (Постійна банка для закупівлі FPV. Наша мета - купувати хоча б 100 дронів на день та передавати швидко на фронт!)
send.monobank.ua/jar/dzBdJ3737
---
Фонд "Учитель іде в ЗСУ" - запрошую підтримати!
ПРО ФОНД: nus.org.ua/articles/peremoga-nash-spilnyj-proyekt-zasnovnyky-initsiatyvy-uchytel-ide-v-zsu-pro-svoye-volonterstvo/
Картка приват (Булигіна Людмила): 5168752003157123
📌PayPal: lus0561@gmail.com
📌Монобанка send.monobank.ua/jar/5RKbJBQd28
---
---
МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse
---
КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную безкоштовний 3-х годинний міні-курс: ua-cam.com/play/PLWuPdIzAqBUhY3CcSJOZKp45as3vCJB0Q.html
---
#frontendукраїнською
---
Чатік для питань за темою створення сайтів:
t.me/+VxIy6tHGmGoOOaCM
#frontendукраїнською
---
ДОНАТИТИ НА ЗСУ:
Стерненко на FPV-дрони (Постійна банка для закупівлі FPV. Наша мета - купувати хоча б 100 дронів на день та передавати швидко на фронт!)
send.monobank.ua/jar/dzBdJ3737
---
Фонд "Учитель іде в ЗСУ" - запрошую підтримати!
ПРО ФОНД: nus.org.ua/articles/peremoga-nash-spilnyj-proyekt-zasnovnyky-initsiatyvy-uchytel-ide-v-zsu-pro-svoye-volonterstvo/
Картка приват (Булигіна Людмила): 5168752003157123
📌PayPal: lus0561@gmail.com
📌Монобанка send.monobank.ua/jar/5RKbJBQd28
---
Переглядів: 626
Відео
міні-курс ЩО ТАКЕ ПРОГРАМУВАННЯ? Для тих, хто зовсім не знайомі з програмуванням.
Переглядів 1972 місяці тому
"ЩО ТАКЕ ПРОГРАМУВАННЯ. ЗНАЙОМСТВО З JAVASCRIPT" Вік від 15 до 65 років. Вс відео мінікурсу: ua-cam.com/play/PLWuPdIzAqBUhY3CcSJOZKp45as3vCJB0Q.html Онлайн-платформа: classroom.google.com/c/NTk0OTA3MzMyOTk3?hl=uk&cjc=t3dcya3 , відео-лекції, файли з кодом написаним на уроках (вільний доступ за посиланням вище (google classroom). Telegram-чат для всіх студентів курсу t.me/profrontendua/5685 Чатік...
REACT. Перший додаток
Переглядів 5102 місяці тому
Це відео допоможе вам зрозуміти основи створення проектів на React та допоможе вам розпочати свій перший проект. Цей курс складається з чотирьох захопливих модулів, кожен з яких зосереджений на ключових аспектах розробки в React: Анатомія React Дан та Стан Оновлення Навігації та Ресурси Міні-Проект Портфоліо МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse 2023 рік - К...
REACT. Згадуємо export та import модулів JavaScript
Переглядів 1,3 тис.2 місяці тому
У цьому відео зосередимося на одному з ключових елементів сучасного JavaScript - модулях. Перш ніж переходити до створення вашого першого React-додатку, важливо зрозуміти, як саме працюють JavaScript-модулі, адже вони є в основ структури та синтаксису прикладів React, з якими ми будемо працювати. Цей курс складається з чотирьох захопливих модулів, кожен з яких зосереджений на ключових аспектах ...
REACT. Можливо Ви не готові?
Переглядів 4,1 тис.3 місяці тому
В цьому відео розглядаємо ключов концепції та техніки, як є необхідними для ефективного освоєння React, включаючи основи HTML для розуміння структури веб-сторінок, CSS для стилізації, та фундаментальн аспекти JavaScript та ES6, як лежать в основ роботи React. Цей курс складається з чотирьох захопливих модулів, кожен з яких зосереджений на ключових аспектах розробки в React: Анатомія React Дан т...
REACT. Intro курсу та його програма (2024 рік)
Переглядів 6193 місяці тому
У цьому відео Intro про базовий курс React, спрямований на те, щоб забезпечити вас усіма необхідними знаннями та навичками для створення простих, але ефективних користувацьких інтерфейсів з використанням React. Цей курс складається з чотирьох захопливих модулів, кожен з яких зосереджений на ключових аспектах розробки в React: Анатомія React Дан та Стан Оновлення Навігації та Ресурси Міні-Проект...
Що таке елемент head в HTML
Переглядів 2113 місяці тому
МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse 2023 рік - КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную безкоштовний 3-х годинний міні-курс: ua-cam.com/play/PLWuPdIzAqBUhY3CcSJOZKp45as3vCJB0Q.html #head #html5 Чатік для питань за темою створення сайтів: t.me/ VxIy6tHGmGoOOaCM #frontendукраїнською...
MDN Curriculum - Нарешті маємо освітній стандарт для Frontend!
Переглядів 5423 місяці тому
Виступ Chris Mills ua-cam.com/video/sw9Q-iQIHMU/v-deo.html Стаття Hermina Condei developer.mozilla.org/en-US/blog/mdn-curriculum-launch/ MDN Curriculum developer.mozilla.org/en-US/curriculum/ МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse 2023 рік - КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную б...
Що таке елемент html в HTML
Переглядів 2313 місяці тому
МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse 2023 рік - КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную безкоштовний 3-х годинний міні-курс: ua-cam.com/play/PLWuPdIzAqBUhY3CcSJOZKp45as3vCJB0Q.html #html #html5 Чатік для питань за темою створення сайтів: t.me/ VxIy6tHGmGoOOaCM #frontendукраїнською...
Що таке DOCTYPE в HTML
Переглядів 3623 місяці тому
МОЇ КУРСИ (поточний рік): learningtogetherua.github.io/courses/#fullcourse 2023 рік - КУРС "Що таке програмування" (безкоштовно) - для того, щоб визначитись, чи цікаво Вам вивчати програмування, пропоную безкоштовний 3-х годинний міні-курс: ua-cam.com/play/PLWuPdIzAqBUhY3CcSJOZKp45as3vCJB0Q.html #DOCTYPE #html5 Чатік для питань за темою створення сайтів: t.me/ VxIy6tHGmGoOOaCM #frontendукраїнсь...
Безкоштовні альтернативи платному Figma Dev Mode
Переглядів 1,9 тис.4 місяці тому
МОЇ КУРСИ: 2024 рік - Курс "JavaScript з нуля TypeScript React": ОНЛАЙН З ГРУПОЮ 3 РАЗИ НА ТИЖДЕНЬ (ВЕЧІРНІЙ ЧАС) - старт 4 лютого 2024 Або стартувати можна в будь-який момент за відео-записами (з менторською підтримкою або повністю самостійно ) Докладно: learningtogetherua.github.io/courses/ Поставити запитання або записатись: t.me/profrontendua/8753 2024 рік -Курс FRONTEND (html, css, scss, j...
Два проекти з анімованими світлофорами, історія світлофорів-уроки програмування дітям. ScratchJunior
Переглядів 3237 місяців тому
Два проекти з анімованими світлофорами, історія світлофорів-уроки програмування дітям. ScratchJunior
Два проекти про Місяць та Землю - уроки програмування для дітей. ScratchJunior
Переглядів 2517 місяців тому
Два проекти про Місяць та Землю - уроки програмування для дітей. ScratchJunior
JS Практика-ФОРМА АВТОРИЗАЦІЇ ЗА ПІН-КОДОМ-для початківців - (777 відео на каналі)
Переглядів 5409 місяців тому
JS Практика-ФОРМА АВТОРИЗАЦІЇ ЗА ПІН-КОДОМ-для початківців - (777 відео на каналі)
JS Практика-ВІРТУАЛЬНА КЛАВІАТУРА-для початківців - (776 відео на каналі)
Переглядів 5509 місяців тому
JS Практика-ВІРТУАЛЬНА КЛАВІАТУРА-для початківців - (776 відео на каналі)
Ефект гравітації та динамічний контроль персонажа- уроки програмування для дітей. ScratchJunior
Переглядів 3,6 тис.9 місяців тому
Ефект гравітації та динамічний контроль персонажа- уроки програмування для дітей. ScratchJunior
TypeScript - твердження типу(Type Assertions:) та літеральні типи (Literal Types)
Переглядів 2469 місяців тому
TypeScript - твердження типу(Type Assertions:) та літеральн типи (Literal Types)
Футбольний лабіринт- уроки програмування для дітей. ScratchJunior
Переглядів 2199 місяців тому
Футбольний лабіринт- уроки програмування для дітей. ScratchJunior
Перегони на трасі та Полювання на кажана - уроки програмування для дітей. ScratchJunior
Переглядів 2049 місяців тому
Перегони на трас та Полювання на кажана - уроки програмування для дітей. ScratchJunior
Магічні перевтілення - уроки програмування для дітей. ScratchJunior
Переглядів 30210 місяців тому
Магічн перевтілення - уроки програмування для дітей. ScratchJunior
Подорожуємо автобусом до школи - уроки програмування для дітей. ScratchJunior
Переглядів 44010 місяців тому
Подорожуємо автобусом до школи - уроки програмування для дітей. ScratchJunior
TypeScript - об'єднання типів(Union Types), Аліаси(Type Aliases), Інтерфейси (Interfaces)
Переглядів 29210 місяців тому
TypeScript - об'єднання типів(Union Types), Аліаси(Type Aliases), Інтерфейси (Interfaces)
Пригоди друзів на Місячній поверхні - уроки програмування для дітей. ScratchJunior.
Переглядів 1,2 тис.10 місяців тому
Пригоди друзів на Місячній поверхн - уроки програмування для дітей. ScratchJunior.
TypeScript - типи даних, strict, strictNullChecks, noImplicitAny, контекстна типізація
Переглядів 53110 місяців тому
TypeScript - типи даних, strict, strictNullChecks, noImplicitAny, контекстна типізація
Що ти таке, TypeScript? - встановлення, конфіг та перший код
Переглядів 1,6 тис.10 місяців тому
Що ти таке, TypeScript? - встановлення, конфіг та перший код
VS Code та git у Windows (встановлення git, робота з локальним репозиторієм та взаємодія з gitHub)
Переглядів 79710 місяців тому
VS Code та git у Windows (встановлення git, робота з локальним репозиторієм та взаємодія з gitHub)
gitHub, VS Code онлайн та на комп'ютері, 15 корисних екстеншенів
Переглядів 1,4 тис.10 місяців тому
gitHub, VS Code онлайн та на комп'ютері, 15 корисних екстеншенів
05-Варіант виконання домашнього завдання уроку про Функції
Переглядів 361Рік тому
05-Варіант виконання домашнього завдання уроку про Функції
06-Об'єкти, Масиви та їх методи. Цикли. Розбір домашнього завдання уроку
Переглядів 354Рік тому
06-Об'єкти, Масиви та їх методи. Цикли. Розбір домашнього завдання уроку
Дякую за користний контент😊
День за тиждень буле стрім, в якому покажу власний сайт з тестами по js, htm, css тощо.
Дякую, за ваш важливий контент😊
Дякую, дуже цікавий та пізнавальний урок. Підкажіть, чи можна в Live Sass Compiler змінити місце генерації файлу .css як в Panda, а не в поточну папку?
Подивіться тут www.jasongaylord.com/blog/2023/08/07/using-live-sass-compiler-vscode
@@itmentor Дякую
Скажіть буд ласка на айфоні можна установіть переклад
Встановіть браузер google chrome, відвідуйте сайти через нього, повинна бути функція перекладу. Чи має такий функціонал стандартний браузер Safari просто не знаю.
Спасибі велике! Єдиний момент хочеться відзначити, коли ви починаєте шукати розв'язання якоїсь задачі і міняєте властивості та методи на льоту, то не дуже легко в усе це вникнути. Хоча, може в цьому щось є. Гальмувати довше і розібрати ретельніше.
То був перший стрім, хвилювався)). Зараз би багато інакше зверстав звісно. Ну я десятки стрімів після цього всі були різні :)
Спасибі велике. Як на мене, це ідеальний формат навчання!
Дякую! Це був перший стрім, січень 22 року здається, з великої кількості наступних (дивіться на головній сторінці каналу в розділі Наживо
Yo vi este video para el colegio
Як завжди корисні і пізнавальні відео!
is lego wedo 2.0 ab to work on scratch ?
Yes
@@itmentor thanks
дякую за урок!
Будь ласка)
Топ жир
Ок норм)
Чомусь зовсім не виходить зробити адаптацію даних класу .rent__inner(( Все зробила як у відео, але ці секції з описом просто ховаються при зменшенні екрану і з'являється бігунок
Приходьте сюди: t.me/profrontendua , скиньте скріншоти, я або хтось з чату обов'язково допоможемо
Дякую!Я знаю, що у Фотошопі можна робити анімацію за допомогою шкали часу, а в Photopea є щось подібне?
www.photopea.com/learn/animations
Вітаю вас. ДЗ вам можна скинути?
Приходьте в цей чат, скидайте, подивлюсь :) t.me/profrontendua
@@itmentorДякую, що відреагували на мене. В наступному відео я побачив відповідь по ДЗ. Зробив майже так як ви. Дякую за контент і навчання. Буду дивитись далі
In just tried the contrary: trying to run spike motors using the boost controller and powered up Android app. Does not seem to work. However if in remember well, it is supposed to work using pybrick
Дякую, інформація дуже корисна та ще й цікава у Вашій подачі. З'явилось таке питання. Після додавання слайдеру, каскадне меню завалюється за слайдер. Ви не пам'ятаєте, чи була така проблема в даному уроці і можливо далі це виправиться? Чи це в мене щось не так вийшло? Чи буде правильно це виправити через z-index для menu?
Вибачте, знайшов відповідь у наступному відео.(не видалятиму для таких як я))
Так, була така проблема і дійсно вона вирішується в наступному відео)
Десь так з 31:40 Ви починаєте встановлювати висоту header і говорите, що це можна зробити двома способами через height та через padding. Підкажіть, чому кращий варіант це робити через padding(бо height Ви навіть не спробували), тимпаче, що в подальших відео видно, що висота header стала 131px замість потрібних 120px? Просто для себе хотів зрозуміти, чому такий варіант кращий? Чи в даному випадку це не має значення? Чи такі питання краще в telegram?
Немає у них прям великих переваг у цих способів. Зараз би я так не стверджував як у цьому відео). Єдине, якщо конкретно висоту, то тоді гнучку, через min-height (збільшиться якщо контент перелік в декілька рівнів. Більш зрозуміло це буде на досвіді, коли вже будете адаптувати під різні екрани.
@@itmentor Дякую за швидку та змістовну відповідь. Ви крутий вчитель.
Дякую) приємно. В цілому, чим більше знань та досвіду Ви отримаєте, тим чіткіше буде розуміння, що в css та html одні й ті самі речі можна інколи створити 3-5 способами :)
@@itmentor Та це я вже зрозумів) Дякую Вам за такий контент.
Дякую за корисні уроки!
Дякую Вам за те що дивитесь :)
Дуже цікаво, подобається вчитись із Вами! Дякую ❤
Це прекрасно :) дякую за комент!
Величезне вам Дякую!
:) дякую, що коментуєте вже не перше відео. Вирішили всю серію відео системно пройти?
Велике Вам Дякую за можливість навчатися безкоштовно!
Дякую за відгук та увагу до каналу! :)
Підкажіть чи є можливість копіювати папки на Гугл диску так як файли?
Вітаю. Можна переміщувати та створювати ярлики.
Складно але це дуже классне завдання=)
Дякую за відео, але зробили це не зручно, тепер коли підключаєш і не вказуєш потрібно скрізь міняти шрифт в ручну(
Добрий день. Де можна загрузити файл BG?
Вітаю. Всі матеріали до цієї серії ось тут, орієнтуйтеся по номерах уроків: drive.google.com/drive/folders/19vyR6J9t9Xi32bNJPropPwBtU9QbjZZr
Дякую інформація дуже корисна.У Вас хороша манера подачі. Підкажіть чи є якась закономірність чи правило коли використовується одна двокрапка, а коли дві?
Дякую за високу оцінку мого контенту:). Це псевдокласи та псевдоелементи. Ось тут все докладно: developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements
@@itmentor Дякую
Не можу знайти посилання на макети у фігма, де можна взяти макет до цього відео ?
Перейдіть за останнім посиланням в описі під відео (на чат в Telegram). Там є гілка Матеріали до стрімів
Дуже вдячна вам за чудові зрозумілі пояснення!
Дякую :) Ви молодець, що продовжуєте навчання!
Ааааааа, чувак, спочатку треба проснутися, а потім відео записувати
Шановне панство! Підскажіть, ще актуальні ці уроки? Можливо відбулось багато змін, і є більш актуальні.
Вітаю. З більш свіжого та системного є ось така серія: ua-cam.com/play/PLWuPdIzAqBUjXBNXsoV9rJJasX6vL9QtO.html&si=pLXhNzqOiQtHj0yu Також є платний курс, поточного року, якщо це Вам цікаво.
я чомусь не можу підключати шрифти, в google fons при виборі шрифта не має можливості добавити даний шрифт, тобто скопіювати link
Так, сервіс підключення шрифтів за останні декілька років змінився. Постараюсь найближчими днями записати коротеньке відео як підключати в сучасному варіанті.
Записав відео про шрифти, як зараз підключати ua-cam.com/video/WyYix56HtvY/v-deo.htmlsi=bGJC6kaAJehvAh0C
Дякую
Рух не зупиняється, це чудово ;)!
дякую!
pu
:)
Дякую за таку велику працю! Окрема дяка за україномовний контент))
Дякую за увагу до каналу. Вже майже 8 років каналу і з самого початку він був українською :)
ПІдскажіть будь-ласка. Зараз сайт зі шрифтами змінився та має інший код css (в даному прикладі). При додаванні коду в stile.css > "body"шрифт не змінюється. Чому не працює ?
Приносьте сюди скріншоти Вашої проблеми: t.me/profrontendua
Записав відео про шрифти, як зараз підключати ua-cam.com/video/WyYix56HtvY/v-deo.htmlsi=bGJC6kaAJehvAh0C
Дуже вам дякую за чудові уроки у вільному доступі! Особливо приємно сприймати українською.
Дякую за відгук та увагу до каналу. Радий бути корисним :)
Дякую
Дякую за регулярні коменти! :)
Канал цвіте і пахне, зичу наснаги автору!)
Привіт Друже, дякую тобі за все! Трохи щось рухаюсь з каналом, так)
Дякую вам, це чарівно!! На вашому занятті починаю усвідомлювати що до чого (після марафону). Ви максимально зрозуміло все пояснюєте.
Чудово-радий бути корисним! дякую за відгук та увагу до каналу!
Дуже круте пояснення і відео дякую) В 2024 del чомусь не працює по вашому відео
Так, все змінюється. Дякую за увагу до каналу та коментар!
npm install del@6.0.0 --save-dev
А коли продовження?
Це було відео про те, що ця гра з'явилась. Це не проходження гри))
Дякую!
але не додаток, а застосунок 🙃
Так, є таке, дякую. Ніяк не переналаштуюсь на застосунок :) Людині яка 36 років не вживала українською мови, наііть після 9 років практики українською складно бути "лексичним взірцем" ;)
Харош, молодець, що вирішив зняти цей ролик)
Дякую за урок.
Дивлюсь Ви доволі регулярно та інтенсивно йдете по серії відео :)
Дякую за урок. Цікаво та змістовно.