Веб-разработчик — это специалист, который занимается созданием и поддержкой интернет-сайтов и приложений.
\
/
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3⚡1👍1
Вся Web-разработка делится на 2 направления: фронтенд и бэкэнд.
Он реализует идею, которую дизайнер заложил в макете.
Может отвечать за авторизацию, обработку платежей, работу с почтовыми уведомлениями.
Он занимается и клиентской, и серверной частью сайта.
Участвует во всём цикле веб-разработки, используя технологии как для фронтенда, так и для бэкенда.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2⚡1
CodeBase | Frontend pinned «Приветствую всех вас на канале CodeBase | Frontend!! У нас вы найдете: - крутые фишки для вёрстки - макеты проектов - полезные материалы и ресурсы - все о javascript, react - уйму годного материала Присоединяйтесь к нашему дружному коллективу и всегда…»
Самое важное и главное правило в Web-разработке — писать чистый и понятный код, который легко можно изменять, редактировать и выявлять ошибки.
Рассмотрим некое деление Web-разработчиков:
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1🔥1
Современный мир постоянно стремиться к развитию.
Давайте рассмотрим с вами несколько вариантов технологий, которые позволяют улучшать сервисы и облегчают жизнь каждому из нас.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация текста, реализована с помощью CSS
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки, реализованная с помощью HTML и CSS.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2👎1
🔗 Подробнее
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1🔥1
🔗 Семантические элементы в HTML
Пользуйтесь на здоровье!)
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
html
<div>
<div>Элемент</div>
<div>Модификатор</div>
</div>
css
.block {
background-color: lightblue;
padding: 20px;
}
.block__element {
font-size: 16px;
color: black;
}
.block__element--modifier {
font-weight: bold;
color: red;
}
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
scss
// Объявление переменных
$primary-color: #3498db;
$button-border-radius: 5px;
// Создание стилей кнопки
.button {
background-color: $primary-color;
color: white;
padding: 10px 20px;
border-radius: $button-border-radius;
font-size: 16px;
&:hover {
background-color: darken($primary-color, 10%);
}
&.large {
font-size: 20px;
padding: 12px 24px;
}
&.outline {
background-color: white;
border: 2px solid $primary-color;
color: $primary-color;
&:hover {
background-color: $primary-color;
color: white;
}
}
}
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🔗 Шпаргалка по работе с Git
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
IDE помогает программистам создавать код, объединяя функции редактирования, создания, тестирования и упаковки ПО, упрощая творческий процесс, подобно тому, как писатели используют текстовые редакторы и бухгалтеры - электронные таблицы.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Быстро и легко может перевести px в rem и обратно.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки страницы, реализованная с помощью HTML, SCSS и JavaScript.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Стильный слайдер с эффектом параллакса, реализованный с помощью HTML, SCSS и JavaScript.
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥1
#макет #html #css
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤2
Если не понять, как происходит работа с переменными в JavaScript, то будут возникать ошибки в коде, которые трудно избежать.
let variable1 = 'My string';
let variable2 = variable1;
variable2 = 'My new string';
console.log(variable1); // My string
console.log(variable2); // My new string
let variable1 = { name: 'Jim' }
let variable2 = variable1;
variable2.name = 'John';
console.log(variable1); // { name: 'John' }
console.log(variable2); // { name: 'John' }
Представьте, какие проблемы могут возникнуть из-за этого поведения, если вы не учтете его. Чаще всего сложности возникают в функциях, которые работают с объектами как аргументами и изменяют их содержимое.
#JavaScript #JS
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Реализована с помощью CSS и JavaScript
#анимация #css #javascript
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4