Задача Javascript для junior разработчиков :
1. Вывести кнопку с текстом "Привет", при нажатии на неё выводим alert c текстом "Привет Мир!"
2. Выводим кнопку с текстом "Заполнить" и незаполненный инпут, при клике на кнопку, заполняем инпут текстом "test@email.ru"
3. Выводим кнопку и инпут, в инпуте можно ввести любой и текст и при нажатии на кнопку, выводится алерт с текстом "Вы ввели 'текст инпута'" или "Вы ничего не ввели в поле".
4. Выводим кнопку с текстом "Поменять" и два инпута, при клике на кнопку инпуты меняются своим введеным текстом
Решив эти задачи вы поймете как работать с addEventListener и DOM
В следующих задачах будем проходить более подробно!
Выход задач ежедневно!
Выполняя их вы сможете закрепить свои знания
1. Вывести кнопку с текстом "Привет", при нажатии на неё выводим alert c текстом "Привет Мир!"
2. Выводим кнопку с текстом "Заполнить" и незаполненный инпут, при клике на кнопку, заполняем инпут текстом "test@email.ru"
3. Выводим кнопку и инпут, в инпуте можно ввести любой и текст и при нажатии на кнопку, выводится алерт с текстом "Вы ввели 'текст инпута'" или "Вы ничего не ввели в поле".
4. Выводим кнопку с текстом "Поменять" и два инпута, при клике на кнопку инпуты меняются своим введеным текстом
Решив эти задачи вы поймете как работать с addEventListener и DOM
В следующих задачах будем проходить более подробно!
Выход задач ежедневно!
Выполняя их вы сможете закрепить свои знания
Полезные сайты которые помогут в изучение:
1. HtmlAcademy - сайт который собрал множество тренажеров по html css js и другому
https://htmlacademy.ru/study
2. JavaScript learn - сайт поможет начинающим разработчикам познакомиться с js
https://learn.javascript.ru/
3. FlexboxZombies - на сайте подписка стоит 179$ СЕЙЧАС курс бесплатный рекомендую!
https://flexboxzombies.com/p/flexbox-zombies
4. CodePen.io - онлайн редактор с возможностью делиться кодом
https://codepen.io/
Рекомендую посетить эти сайты для ознакомления с новой информацией!
Выход постов ежедневно!
Выполняя их вы сможете закрепить свои знания
1. HtmlAcademy - сайт который собрал множество тренажеров по html css js и другому
https://htmlacademy.ru/study
2. JavaScript learn - сайт поможет начинающим разработчикам познакомиться с js
https://learn.javascript.ru/
3. FlexboxZombies - на сайте подписка стоит 179$ СЕЙЧАС курс бесплатный рекомендую!
https://flexboxzombies.com/p/flexbox-zombies
4. CodePen.io - онлайн редактор с возможностью делиться кодом
https://codepen.io/
Рекомендую посетить эти сайты для ознакомления с новой информацией!
Выход постов ежедневно!
Выполняя их вы сможете закрепить свои знания
⚡1
Задача JavaScript работа с DOM калькулятор:
1. Реализовать калькулятор. Выводим 9 кнопок цифр от 0 до 9. Кнопки: умножить, поделить, сложить, вычесть, вычислить. При нажатии на кнопки в любом порядке выводиться в отдельном блоке строка и при нажатии на кнопку посчитать, заменяем в блоке данную строку на результат её вычисления, при этом можно потом дальше вычислять с уже этим вычислением.
Создав калькулятор вы освоите addEventListener, работа с DOM и базовые принципы Math
В следующих задачах будем проходить более подробно!
Выход задач ежедневно!
Выполняя их вы сможете закрепить свои знания
1. Реализовать калькулятор. Выводим 9 кнопок цифр от 0 до 9. Кнопки: умножить, поделить, сложить, вычесть, вычислить. При нажатии на кнопки в любом порядке выводиться в отдельном блоке строка и при нажатии на кнопку посчитать, заменяем в блоке данную строку на результат её вычисления, при этом можно потом дальше вычислять с уже этим вычислением.
Создав калькулятор вы освоите addEventListener, работа с DOM и базовые принципы Math
В следующих задачах будем проходить более подробно!
Выход задач ежедневно!
Выполняя их вы сможете закрепить свои знания
Красивый, чистый и строгий код — то, к чему должен стремиться каждый, кто начинает верстать приложения. Помогают написанию правильного CSS-кода методологии именования:
1. БЭМ
2. CSS Modules
3. LESS — использует JavaScript или Node.js.
4. SASS — компилируется с помощью Ruby
Выход постов ежедневно!
Выполняя задания вы сможете закрепить свои знания
1. БЭМ
2. CSS Modules
3. LESS — использует JavaScript или Node.js.
4. SASS — компилируется с помощью Ruby
Выход постов ежедневно!
Выполняя задания вы сможете закрепить свои знания
Какое значение примет result ?
Anonymous Quiz
13%
"string"
6%
"null"
41%
"undefined"
7%
"string"
33%
ReferenceError
Рад видеть вас в своём канале по программированию, мы уже побили планку в 50 подписчиков чему я очень рад!
Напоминаю что каждый день выходят посты с 11:00 до 17:00 по мск
Хочу сообщить что после 300 подписчиков мы запустим баттлы в которых могут принять участие все!
Желаю успехов!
Напоминаю что каждый день выходят посты с 11:00 до 17:00 по мск
Хочу сообщить что после 300 подписчиков мы запустим баттлы в которых могут принять участие все!
Желаю успехов!
Задача HTML and CSS, Форма регистрации :
Задача сверстать форму регистрации с пунктами
1 Имя
2 Фамилия ( input )
3 Почта ( input )
4 Пароль ( input )
5 Повторный ввод пароля ( input )
6 Получать новости ( checkbox )
7 Зарегистрироваться ( button )
Можно использовать Bootstrap
Выход задач ежедневно!
Выполняя их вы сможете закрепить свои знания
Задача сверстать форму регистрации с пунктами
1 Имя
2 Фамилия ( input )
3 Почта ( input )
4 Пароль ( input )
5 Повторный ввод пароля ( input )
6 Получать новости ( checkbox )
7 Зарегистрироваться ( button )
Можно использовать Bootstrap
Выход задач ежедневно!
Выполняя их вы сможете закрепить свои знания
Несколько полезных навыков которые лучше иметь в своем арсенале верстальщику)
HTML-препроцессоры:
1. Haml
2. Jade
3. Slim
Текстовые редакторы:
1. Visual Studio Code ( free )
2. WebStorm ( pay ) ide - можно получить 1 год подписки если вы студент!
Выход постов ежедневно!
Выполняя задания вы сможете закрепить свои знания
HTML-препроцессоры:
1. Haml
2. Jade
3. Slim
Текстовые редакторы:
1. Visual Studio Code ( free )
2. WebStorm ( pay ) ide - можно получить 1 год подписки если вы студент!
Выход постов ежедневно!
Выполняя задания вы сможете закрепить свои знания
