​​11 прагматичных советов для разработчиков-джуниоров 😎

Автор изложит собственный взгляд на сферу разработки, который можно назвать как гиперкритичным, так и просто прагматичным (в зависимости от точки зрения).

Читать - https://techrocks.ru/2020/05/22/11-career-tips-for-junior-developers-1/

#work

Скидки тают, но ты еще можешь успеть! 🔥

Сейчас идет период, когда действуют 10% скидки. Через 2 дня стоимость окажется без скидок. Время успевать!⚡️

Если ранее вы учились на Базовом курсе 2.0 и хотели бы перейти на версию 3.0, то для вас действует скидка 40% 💙

✅ Тарифные планы Базового курса 3.0:
1. Самостоятельный тариф: 7000 рублей (вместо 7900)
2. Полный тариф с куратором: 11500 рублей (вместо 12900)
3. Индивидуальный тариф: 31000 рублей (вместо 34900)

✅ Тарифные планы Продвинутого курса 2.0:
1. Самостоятельный тариф: 4400 рублей (вместо 4900)
2. Полный тариф с куратором: 8900 рублей (вместо 9900)
3. Индивидуальный тариф: 31000 рублей (вместо 34900)

На базовом курсе изменена практика. Теперь мы будем работать в Figma, а на продвинутом курсе останется работа с PSD. Макеты для нового базового курса специально отрисованы для нашего курса в двух версиях: большие экраны и мобильные.

Макетов будет несколько.

1️⃣ Большой учебный макет, в котором мы предоставим два отображения: под большие устройства и мобильные. Это решит проблему с пониманием темы работы над адаптивом. На предыдущем курсе был предоставлен макет только для больших устройств и мне приходилось буквально на пальцах показывать, как расставлять блоки.

2️⃣ Макет для дипломной работы. Аналогично будет два режима отображения: большие и мобильные устройства. Выделаем 2 недели на выполнение верстки этого макета для закрепления материалов с курса.

Обучение на каждом курсе длится месяц + дается 2 недели на выполнение дипломного проекта.

👉 Оплатить базовый курс — https://tpverstak.ru/training/
👉 Оплатить продвинутый курс — https://tpverstak.ru/training-profi/

P.S. Если вы являетесь учеником учебной платформы http://frontendblok.com/, то можете приобрести курс со скидкой сразу на платформе.

Кнопки социальных сетей с hover эффектом,  градиентом и анимацией на HTML и CSS

Видео — https://youtu.be/cmr0Urv9pFw
Код — https://codepen.io/anna_blok/full/wvKVGpv
Иконки — https://zavoloklom.github.io/material-design-iconic-font/index.html

#html #css

​​10 лучших бесплатных HTML-редакторов 🙈

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

Читать - https://techrocks.ru/2017/09/28/10-best-free-html-editors/

#html

​​7 важных советов начинающим программистам 😈

Не важно, получили ли вы степень в области компьютерных наук, являетесь ли вы начинающим разработчиком-самоучкой или просто студент в области программирования, освоение ремесла программирования - это вечная борьба. Чтобы помочь вам в обучении, Rapprogtrain подготовил 7 очень важных советов для тех, кто только начинает свой путь программиста.

Читать - http://rapprogtrain.com/article/54

#work

​​Как на самом деле работает position: sticky в CSS 👽

У position: sticky уже очень неплохая браузерная поддержка, но большинство разработчиков так и не используют это свойство.
У этого есть две основные причины: во-первых, браузерам потребовалось много времени на реализацию адекватной поддержки этого свойства. И все просто успели забыть о нём.
Во-вторых, многие разработчики до конца не понимают логику, по которой это свойство работает. И тут появляется эта статья!

Читать - https://medium.com/web-standards/sticky-bc7ff7088693

#css

​​JavaScript для Python-программистов: познание через сравнение 🙈

Если вы ранее не использовали JavaScript, но знакомы с Python, этот лонгрид поможет вашему знакомству. Имеющиеся знания помогут пропустить очевидные вещи и быстрее войти в тему.

Читать - https://proglib.io/p/javascript-dlya-python-programmistov-poznanie-cherez-sravnenie-2020-05-29

#javascript

⚠️ Последний день сохраняю вам скидки на обучение, завтра они исчезнут

Но если ранее вы учились на Базовом курсе 2.0 и хотели бы перейти на новую версию 3.0, то для вас действует скидка 40% 💙

✅ Тарифные планы Базового курса 3.0 с учетом скидки для всех:
1. Самостоятельный тариф: 7000 рублей (вместо 7900)
2. Полный тариф с куратором: 11500 рублей (вместо 12900)
3. Индивидуальный тариф: 31000 рублей (вместо 34900)

✅ Тарифные планы Продвинутого курса 2.0 с учетом скидки для всех:
1. Самостоятельный тариф: 4400 рублей (вместо 4900)
2. Полный тариф с куратором: 8900 рублей (вместо 9900)
3. Индивидуальный тариф: 31000 рублей (вместо 34900)

На базовом курсе изменена практика. Теперь мы будем работать в Figma, а на продвинутом курсе останется работа с PSD. Макеты для нового базового курса специально отрисованы для нашего курса в двух версиях: большие экраны и мобильные.

Макетов будет несколько.

1️⃣ Большой учебный макет, в котором мы предоставим два отображения: под большие устройства и мобильные. Это решит проблему с пониманием темы работы над адаптивом. На предыдущем курсе был предоставлен макет только для больших устройств и мне приходилось буквально на пальцах показывать, как расставлять блоки.

2️⃣ Макет для дипломной работы. Аналогично будет два режима отображения: большие и мобильные устройства. Выделаем 2 недели на выполнение верстки этого макета для закрепления материалов с курса.

Обучение на каждом курсе длится месяц + дается 2 недели на выполнение дипломного проекта.

👉 Оплатить базовый курс — https://tpverstak.ru/training/
👉 Оплатить продвинутый курс — https://tpverstak.ru/training-profi/

P.S. Если вы являетесь учеником учебной платформы http://frontendblok.com/, то можете приобрести курс со скидкой сразу на платформе.

​​Безопасная загрузка изображений в веб-приложении на Django 😎

Почти в любом веб-приложении есть необходимость принимать от пользователей картинки. В Django это можно делать лаконично и безопасно, используя ImageField и Pillow.

Читать - https://proglib.io/p/bezopasnaya-zagruzka-izobrazheniy-v-veb-prilozhenii-na-django-2020-05-26

#work

​​Как обезопасить свой веб-сайт? 🙈

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

Читать - https://habr.com/ru/company/vdsina/blog/503772/

#work

Заметили, что по сравнению с остальными профессиями, разработчики в среднем чувствуют себя сейчас довольно хорошо?

Именно поэтому я рекомендую всем смотреть в сторону программирования. Это непростой и тернистый путь, однако хороший программист никогда не пропадет. Нужно много практиковаться и впитывать чужой опыт.

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

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

​​Не допускайте этих ошибок при изучении программирования! 😈

В статье рассмотрены ошибки, которые часто допускают программисты, когда приобретают новые навыки или учатся программированию с нуля.

Читать - https://techrocks.ru/2020/06/01/learning-how-to-code-mistakes-programmers-make/

#work

🔥 ВЕРСТКА САЙТА: из PSD в HTML / SCSS и созданием формы обратной связи PHP без перезагрузки страницы

✅ Все материалы и ссылки лежат в видео под роликом:
https://youtu.be/fMRu6HI_rRA

Приоткрываю завесу тайны 🤫
Показываю макет, созданного специально под обновленный базовый курс по вёрстке!

Какие у него преимущества?

✅ Фактически макетов будет два: светлая и темная темы.
На курсе расскажу, как не утонуть в стилях, чтобы изменить цветовой тон всего сайта.

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

✅ Много декоративных элементов.
Это отличный повод поработать с SVG и узнать получше тему позиционирования элементов на практике.

✅ Только Flexbox и Grid CSS
Ни каких старых методов верстки. Используем только то, что актуально на рынке, не оглядываясь на прошлые технологии.

—

Базовый курс стартует 8 июня. Ты еще успеваешь присоединиться!
💥 Ссылка для оплаты — http://tpverstak.ru/training/

Используемый макет каждый ученик может использовать потом в качестве личного сайта портфолио. В конце обучения мы выдаем еще один макет, который необходимо будет сверстать за 2 недели.

P.S. Скидка 40% действует только для тех, кто учился на учебной платформе http://frontendblok.com/ на Базовом курсе 2.0 из-за обновленной практики. Пишите мне, чтобы рассчитать скидку @annblok

P.S.S. Продвинутый курс обновится в июле, а пока ты можешь начать обучение 8 июня по сниженным ценам http://tpverstak.ru/training-profi/. После обновления цена на курс также возрастет.

​​Прокачиваем свои CSS-анимации 🙈

В процессе изучения CSS-анимаций мы обычно разбираем синтаксис, говорим что-то про keyframes, про transition, про связанные с ними свойства, про то, как их активировать при наведении мыши или с помощью навешивания классов. И часто на этом все и заканчивается. И вот, сделав пару меняющих цвет кнопок или выезжающих уведомлений, люди считают, что они знают про CSS-анимации все. Но так ли это?

Читать - https://habr.com/ru/post/503026/

#css

Хочешь посмотреть первый урок обновленного базового курса по верстке? 🤗

Если да, то переходи по ссылке 👉🏻 https://youtu.be/iPCc7yL1zM0

Курс стартует уже завтра, но у тебя еще есть шанс попасть на курс.
Присоединяйся — http://tpverstak.ru/training/

​​13 способов стилизации списков 🙈

В этой статье сосредоточатся на стилях списков, в основном только на упорядоченных и неупорядоченных списках, и разберут несколько необычных ситуаций стилизации.

Читать - http://odinokun.com/2020-06-06-13-sposobov-stilizacii-spiskov.html

#css #html

​​12 советов по внедрению TypeScript в React-приложениях 👽

TypeScript — стандарт современной фронтенд-разработки. Согласно исследованиям State of JavaScript, TS вызывает явный интерес у программистов. По данным опроса за 2019 год, почти 60% респондентов пробовали TS и продолжают использовать, 22% не пробовали и желают изучить.

Эта статья — сборник советов о том, как внедрить и улучшить использование TypeScript. Первая половина советов общая, касающаяся подходов и инфраструктуры. Вторая — несколько особо полезных фишек языка.

Читать - https://habr.com/ru/company/tinkoff/blog/505488/

#javascript

​​Использование tailwindcss c Vue.js 😈

TailwindCSS – это настраиваемый низкоуровневый CSS-фреймворк, который предоставляет все строительные блоки, необходимые для создания верстки без использование каких-либо дополнительных стилей.

Читать - https://webdevblog.ru/ispolzovanie-tailwindcss-c-vue-js/

#css #vue