50 Проектов за 50 дней - HTML, CSS и JavaScript [udemy] [Brad Traversy, Florin Pop]

Складчина: 50 Проектов за 50 дней - HTML, CSS и JavaScript [udemy] [Brad Traversy, Florin Pop]

50 Projects In 50 Days - HTML, CSS & JavaScript

Язык - английский



​

Развивайте свои навыки, создавая 50 быстрых, уникальных и увлекательных мини-проектов.

Чему вы научитесь

• Проектное обучение для оттачивания навыков HTML, CSS и JavaScript
• Идеально подходит для новичков, которые ищут вещи для создания уникальных проектов в короткие сроки.
• Современный стиль с Flexbox, CSS-анимацией, пользовательскими свойствами и т. д.
• Манипулирование DOM, события, методы массива, HTTP-запросы и многое другое

Материалы курса
52 разделов • 167 лекций • Общая продолжительность 19 ч 2 мин

Спойлер: Список

1. Раскрывающиеся карточки
2. Шаги выполнения
3. Анимация вращающейся навигации
4. Виджет скрытого поиска
5. Размытая загрузка
6. Анимация прокрутки
7. Разделенная целевая страница
8. Волна формы
9. Звуковая панель
10. Шутки папы
11. Код события
12. Сворачивание часто задаваемых вопросов
13. Средство выбора случайным образом
14. Анимированная навигация
15. Увеличивающийся счетчик
16. Питьевая вода
17. Приложение для просмотра фильмов
18. Фоновый слайдер
19. Тематические часы
20. Эффект пульсации кнопки
21. Перетаскивание
22. Приложение для рисования
23. Кинетический загрузчик
24. Заполнитель содержимого
25. Липкая панель навигации
26. Двойной вертикальный слайдер
27. Всплывающее уведомление
28. Профили на Github
29. Сердечко с двойным щелчком
30. Эффект автотекста
31. Генератор паролей
32. Хороший Дешевый Быстрый
33. Приложение для заметок
34. Анимированный обратный отсчет
35. Карусель изображений
36. Ховерборд
37. Pokedex
38. Навигация по мобильным вкладкам
39. Фон для проверки пароля
40. 3d-боксы для фона
41. Пользовательский интерфейс для проверки учетной записи
42. Живой пользовательский фильтр
43. Дизайн пользовательского интерфейса для обратной связи
44. Пользовательский слайдер диапазона
45. Мобильная навигация Netflix
46. Приложение для викторины
47. Переключатель "Окно отзывов"
48. Лента случайных изображений
49. Список задач
50. Игра "Лови насекомых"

Требования: Очень базовые знания HTML, CSS и JavaScript

Описание
Это чисто проектный курс. Он ориентирован на новичков, но разработчики среднего уровня также могут получать удовольствие от создания новых вещей. Этот курс включает в себя более 50 мини-проектов в HTML, CSS и JavaScript, которые связаны с DOM (Document Object Model). Вот список того, что мы создадим в этом курсе:
Многие люди слишком рано переходят на frontend-фреймворк. Изучение чистого JavaScript и понимание того, как работает объектная модель документа, являются необходимыми перед переходом на фреймворк. Этот курс научит вас этому, создавая реальные проекты всех типов.
Вы также узнаете больше о HTML5 и CSS, включая семантические теги в разметке, основные свойства CSS, такие как цвета, выравнивание, flexbox и тени, а также о создании адаптивных макетов с помощью медиазапросов CSS, пользовательских свойств CSS, анимации/переходов и многого другого.
50 проектов могут показаться большим количеством, но мы смогли сделать их достаточно маленькими, чтобы вы могли завершить проект всего за несколько часов. Конечно, это зависит от вашего уровня мастерства.

Для кого этот курс:
Начинающие и опытные веб-разработчики, желающие создавать интересные и уникальные проекты с использованием HTML, CSS и JavaScript.

Учителя
Брэд Трэверси. Full Stack веб-разработчик и преподаватель в Traversy Media
Флорин Поп. Веб-разработчик, ютубер и стример

Спойлер: Оригинал описания:

Sharpen your skills by building 50+ quick, unique and fun mini projects

Project based teaching to sharpen your HTML, CSS & JavaScript skills
Perfect for beginners looking for things to build unique projects in a short timeframe
Modern styling with flexbox, CSS animations, custom properties, etc
DOM manipulation, events, array methods, HTTP requests & more

Here is a list of what we will create in this course:
01 Expanding Cards
02 Progress Steps
03 Rotating Navigation Animation
04 Hidden Search Widget
05 Blurry Loading
06 Scroll Animation
07 Split Landing Page
08 Form Wave
09 Sound Board
10 Dad Jokes
11 Event Keycodes
12 Faq Collapse
13 Random Choice Picker
14 Animated Navigation
15 Incrementing Counter
16 Drink Water
17 Movie App
18 Background Slider
19 Theme Clock
20 Button Ripple Effect
21 Drag N Drop
22 Drawing App
23 Kinetic Loader
24 Content Placeholder
25 Sticky Navbar
26 Double Vertical Slider
27 Toast Notification
28 Github Profiles
29 Double Click Heart
30 Auto Text Effect
31 Password Generator
32 Good Cheap Fast
33 Notes App
34 Animated Countdown
35 Image Carousel
36 Hoverboard
37 Pokedex
38 Mobile Tab Navigation
39 Password Strength Background
40 3d Background Boxes
41 Verify Account UI
42 Live User Filter
43 Feedback UI Design
44 Custom Range Slider
45 Netflix Mobile Navigation
46 Quiz App
47 Testimonial Box Switcher
48 Random Image Feed
49 Todo List
50 Insect Catch Game

Цена: 902р.
Скрытая ссылка