Для створення наших майбутніх вебсторінок нам знадобиться спеціальна програма, тож перед початком курсу вам варто буде зареєструватися на сайті replit.com. Replit.com – це онлайн платформа, на якій можна створювати прості сторінки, а також ділитися посиланнями на свої перші сайти з друзями! Якщо бажаєте встановити офлайн редактор коду, який працюватиме навіть […]
css-js
18 записів
В цій статті ми поговоримо про те, як розмістити сайт в інтернеті, як досліджувати статистику відвідування, як зробити його популярним у пошуку Google і як доглядати за сайтом.
Сьогодні створюємо сторінку - органайзер для закладок в браузері, і попутно розберемось, як створювати вкладки Tab.
Анімація у CSS допомагає створювати ефект руху або змінювати властивості елементів. На цьому уроці ви дізнаєтесь, як анімувати ваші сторінки!
На цьому уроці ми розберемо ще більше застосувань циклів. Цикли – одна з найважливіших тем в програмуванні. Вони спочатку можуть не подобатись, але це один з найкращих інструментів для програмістів. Сьогодні ми дізнаємося, яка писати вкладені цикли та цикли по об’єкту, візьмемо простенькі приклади, щоб більше сконцентріватися на циклах, а […]
Цикл— це структура яка допомагає повторювати набір команд. Цикли існують в усіх мовах програмування, а не тільки у Javascript. А ще цикл, це надзвичайно корисна річ без якої не обходиться жодна велика програма. Цикли у житті Цикл допомагає повторити деякі дії задану кількість разів. Для цього на початку цикл визначається […]
Вітаю! На цьому занятті ми наповну випробуємо гнучкість властивості display flex і створимо свій плейліст. А ще трохи згадаємо про об’єкти та створимо елементи сторінки за допомогою javascript. Тож готуйте навушники і свої найулюбленіші треки. Ми починаємо! Display flex Властивість display: flex дозволяє розташувати елементи так, щоб вони вигідно заповнювали простір сторінки. […]
Сьогодні ми познайомимося зі scroll і створимо сторінку презентацію. Сторінка може бути на будь-яку тему. Такий дизайн гарно підходить для титульної сторінки, а також для односторінкових сайтів. Наприкінці цього уроку, наша сторінка може виглядати приблизно так : Отож не гаймо часу і до справи ! Прикольний приклад сайту зі Scroll […]
Об’єкти у JavaScript нерідко використовуються для збереження складних структур даних. Це можуть бути дані з бази даних, сторонніх сервісів чи сайтів. Сьогодні ми створимо невеличке демо вітрини інтернет-магазину і розберемося, як такі об’єкти працюють. Об’єкти Об’єкти використовуються для зберігання колекцій різних значень і складніших сутностей. JavaScript об’єкти використовуються дуже часто, […]
Robot 2.0 На цьому заннятті ми створимо власного робота і дізнаємося, чому позиція елементів (position) така важлива у CSS. Поговоримо про роботів Як вам ідея такого маленького помічника ? А про яких роботів ви ще чули ? Що вміють робити сучасні роботи ? Трошки про position position:static; Це позиція за […]