💡10 советов для верстальщика

1. Делайте сайт пригодным для разных разрешений браузера.
2. Для более быстрой разработки используете фреймворки.
3. Вместо того, чтобы создавать множество CSS классов для каждой страницы веб-сайта. попробуйте сделать несколько CSS классов, которые можно использовать многократно.
4. Проверяете HTML код валидатором.
5. Проверяете CSS код валидатором.
6. Избегайте больших фоновых изображений.
7. Не размещайте CSS непосредственно в HTML-коде.
8. Используете как можно меньше файлов.
9. Проверяйте свою работу на совмtстимость с различными браузерами.
10. Пользуйтесь современными инструментами и сервисами при разработке. Это значительно ускорит процесс работы.

#html #css

Выберите правильный вариант 👇🏼 #test

📖 Безопасный DevOps. Эффективная эксплуатация систем
🖋 Д. Вехен, 2020

Приложение, запущенное в облаке, обладает множеством преимуществ, но в то же время подвержено особенным угрозам. Задача DevOps-команд - оценивать эти риски и усиливать защиту системы от них.

Книга основана на уникальном опыте автора и предлагает важнейшие стратегические решения для защиты веб-приложений от атак, предотвращения попыток вторжения.

Требуется знание Linux и владение стандартными практиками DevOps, такими как CI, CD и модульное тестирование.

💾 Скачать книгу | 📚 Больше книг

#book #devops

💡Как постараться не провалить свое собеседование?

Краткий гайд по прохождению собеседований:
- В первую очередь подготовьтесь к нему и освежите свои знания.
- Результаты собеседований очень сильно зависят от вашего энтузиазма, поэтому проявляйте его!
- Изучите распространенные темы для собеседований. Почти на всех собеседованиях похожие вопросы.
- Получайте помощь от интервьюера. Интервьюеры помогают кандидатам. Они дают подсказки, направляют мысли в нужное русло и в целом руководят процессом.
- Упомяните о рекомендациях. Рекомендации могут склонить мнение интервьюера в вашу пользу.
- Собирайте офферы. Когда вы получите один оффер, весьма вероятно, что за ним последуют и другие. Упоминание о том, что у вас уже есть какие-то предложения, очень сильно влияет на интервьюера и его расположение к вам.

#interview #advice

Выберите правильный вариант 👇🏼 #test

Видеокасты — это лучший способ узнать что-то новое, ведь они дают максимальный контекст. Вы можете видеть инструменты, которые использует автор, его действия (вместо сухого описания) и т.д

На канале Ивана Клешнина можно найти полезные видео о веб-разработке (React, NodeJS, CSS-in-JS, GraphQL и многое другое).

— Производные состояния в React
— SSR и будущее веб-разработки
— Обзор резюме Backend-разработчика

#tutorials #video

💡 Самые популярные языки программирования. Python

Python продолжает набирать обороты. На самом деле, согласно Stack Overflow, это единственный язык программирования, который демонстрирует устойчивую тенденцию к росту популярности в течение последних пяти лет. Индекс TIOBE предсказывает, что вскоре он опередит Java и C. Это язык общего назначения, то есть используется для создания чего угодно.

Машинное обучение, искусственный интеллект, Big Data и робототехника полагаются на Python. Кроме того, в 2019 году Python – самый популярный язык вводных курсов в университетах.

Преимущества:
— Прозрачная форма, чёткая структура, короткий синтаксис.
— Доступен на всех платформах операционных систем Mac OS, Windows и Linux и других ОС.
— С высокой скоростью обработки Python подходит для написания как маленьких сценариев, так и чрезвычайно больших программ, таких как Blender 3D.

Недостатки:
— Нет таких модификаторов доступа, как: protected, private и public.

#tips #coding

🛠 HTML Boilerplate — расширение, которое упрощает работу с HTML файлами, избавляя вас от необходимости прописывать теги head и body вручную. Просто наберите в пустом файле html, нажмите на Tab, и VS Code сам сгенерирует шаблон вашего документа.

#инструменты #vscode

📑 6 лучших фреймворков JavaScript на 2020 год

JavaScript — это технология, которая лежит в основе современных быстрых веб-приложений. Существует множество инфраструктур и библиотек пользовательского интерфейса для создания сложных, быстро реагирующих приложений.

Некоторые помогут вам написать более эффективный и поддерживаемый код. Или вам нужна помощь в разработке набора согласованных, совместимых и быстрых компонентов пользовательского интерфейса. Практически в любой ситуации вы можете найти вариант, который сделает большую часть тяжелой работы за вас. Там нет необходимости начинать с нуля и изобретать велосипед.

#статьи

🛠 Solid — это легковесный и быстрый аналог React, не использующий виртуальную DOM и компилируемый в прямые DOM-инструкции.

#инструменты #js

💡Как в JavaScript получить размеры экрана, окна и веб-страницы

Размер экрана — это ширина и высота экрана: монитор или мобильный экран.
window.screen — объект, который содержит информацию о размере экрана. Вот как получить доступ к ширине и высоте экрана:

const screenWidth  = window.screen.width;
const screenHeight = window.screen.height;

Доступный размер экрана состоит из ширины и высоты экрана без панелей инструментов ОС.

const availScreenWidth  = window.screen.availWidth;
const availScreenHeight = window.screen.availHeight;

Чтобы получить доступ к внешнему размеру окна, вы можете использовать свойство outerWidth и outerHeight, которые доступны непосредственно для объекта window:

const windowOuterWidth  = window.outerWidth;
const windowOuterHeight = window.outerHeight;

Размер веб-страницы состоит из ширины и высоты отображаемого содержимого страницы.

const pageWidth = document.documentElement.scrollWidth;
const pageHeight = document.documentElement.scrollHeight;

#советы #js

🤔 Выберите правильный вариант ответа ниже

#тест

💡 Упрощаем работу с Git

Как известно, управлять Git-репозиторием через интерфейс командной строки очень сложно - все это знают наверняка. А когда у вас открыт проект с 20 или около того различными ветвями, трудно идти в ногу с последними коммитами, не говоря уже о том, чтобы следовать модели ветвления. Ещё хуже то, что новички пытаются использовать Git в первый раз для управления версиями; CLI не может позволить пользователям понять, каким Git на самом деле должен быть.

Ungit решает все эти задачи с помощью интуитивно понятного графического интерфейса для управления Git-репозиториями. Он представляет ваш репозиторий как паутину коммитов и ветвей.

#tips #coding