Size: a a a

Типичный Верстальщик

2019 April 02
Типичный Верстальщик
​​Вещи в CSS, о которых мне никто никогда не говорил 👀

Перевод статьи Things nobody ever taught me about CSS. В статье собран небольшой список концепций, которые, интересны и полезны для лучшего понимания и написания CSS.

Читать - https://goo.gl/KSVC4A

#css
источник
2019 April 03
Типичный Верстальщик
​​React: практики, которые помогут стать продвинутым разработчиком 😎

Сейчас React.js используется во многих других фреймворках и инструментах вроде Next.js, GatsbyJs, Razzle, After.js и т. д. Поэтому если вы хорошо разберётесь в React.js, то пользоваться всеми этими фреймворками станет легче.

Читать - https://goo.gl/sNr8ib

#react
источник
Типичный Верстальщик
Единицы измерения CSS для работы с font-size: px, %, em, rem, vw, vh, vmin, vmax ☺️

Максимально полезное видео, которое пришлось разбить на две части. В первой части мы поговорим про единицы измерения CSS, которые позволяют удобно управлять свойством font-size. В следущей части я расскажу о том, как их использовать для управления такими свойствами, как padding, margin, width, height и border-radius.

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

Смотреть — https://youtu.be/dPzoBD2Z68A

#css
источник
Типичный Верстальщик
​​Шпаргалка по современному JavaScript 😈

В данном материале собраны основные концепции и принципы современного JavaScript, которые помогут быстро найти и вспомнить необходимую фичу.

Читать - https://goo.gl/x77rYC

#javascript
источник
Типичный Верстальщик
Если хочешь помочь каналу Типичный Верстальщик...

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

Начать — http://www.youtube.com/timedtext_cs_panel?c=UCn5wduCq2Mus0v85QZn9IaA&tab=2

Если есть вопросы, то ты можешь их задать мне @annblok, если сомневаешься в выбранной теме.
источник
2019 April 04
Типичный Верстальщик
​​Junior full stack веб-разработчик: полный план развития 😎

Кто же такой full stack веб-разработчик, и с чем его едят? Понятные ответы на непонятные вопросы.

Читать - https://goo.gl/DbPjY6

#work
источник
Типичный Верстальщик
​​Не бойтесь пробовать, или как стать программистом в возрасте за 29 👀

С ростом IT индустрии возрос и приток свежих кадрах. В сети есть огромное количество курсов программирования, даже на улицах сейчас раздают флаера детских школ программирования. Эта профессия молода и на пике своей популярности. Средний портрет начинающего разработчика — это безусый парень, выпускник хорошего технического вуза, например, Бауманки или МГУ.
Мало кто готов нанять 30летнего бывшего официанта или танцовщицу на позицию Junior разработчика.Но как все же реализовать свою мечту?

Читать - https://goo.gl/YMDmXG

#work
источник
2019 April 05
Типичный Верстальщик
​​CSS селекторы 4-го уровня 👀

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

Читать - https://goo.gl/i9cQva

#css
источник
Типичный Верстальщик
​​Список книг и статей по JS 👽

Читать - https://goo.gl/fmwKNU

#javascript
источник
2019 April 06
Типичный Верстальщик
​​Начало работы с React (по версии 2019 года) 👀

С тех пор, как вышел React, многое изменилось, и сейчас самое время перейти к игре React. React является зрелым и использовался в Интернете в таких местах, как Facebook, Instagram, Airbnb, Uber и многое другое.

Читать - https://goo.gl/hLV7un

#react
источник
Типичный Верстальщик
​​Советы по оптимизации вашего приложения на Angular 😎

Как использовать отложенную загрузку, рендеринг на стороне сервера и многое другое.

Читать - https://goo.gl/Lh7fi6

#angular
источник
2019 April 07
Типичный Верстальщик
​​Переписываем тестовое задание для junior frontend на TypeScript и react-hooks 👽

Данный туториал поможет вам разобраться с основами "тайпскрипта" и поможет в работе над тестовым заданием для фронтендера.

Читать - https://goo.gl/N5eeRS

#javascript
источник
Типичный Верстальщик
​​Flexulator — Калькулятор распределения пространства при использовании Flexbox 👀

Смотреть - https://www.flexulator.com

#css
источник
2019 April 08
Типичный Верстальщик
​​Руководство Learn Git Branching 😎

Приложение состоит из пяти частей, которые упорядочены по возрастанию сложности усвоения материала, причем каждая часть имеет от двух до пяти модулей.

Данный курс поможет разобраться с такими темами, как дерево исходных кодов (source tree), обход дерева исходных кодов (source-tree traversal ) и ветвление (branching).

Смотреть - https://learngitbranching.js.org

#git
источник
Типичный Верстальщик
​​Как создать dark\light-переключатель с CSS и Javascript 👀

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

Читать - https://codyhouse.co/blog/post/dark-light-switch-css-javascript

#css #javascript
источник
Типичный Верстальщик
Как избавиться от страха работать удаленно? 😧
Как решиться на увольнение из офиса? 🤔


Часто эти вопрос посещают тех, кто хотел бы сменить вид деятельности, обрести немного свободы и улучшить свою жизнь. Я расскажу о 5 шагах, как преодолеть чувство страха, если дело касается удалёнки и увольнения с текущего места работы.

Смотреть — https://youtu.be/lcMEDfOBluE

#work
источник
2019 April 09
Типичный Верстальщик
​​Преобразование растровых изображений в вектор 😈

Vectorizer - это сервис для преобразования растровых изображений, таких как PNG, BMP и JPEG, в SVG.

Смотреть - https://www.vectorizer.io/

#design
источник
Типичный Верстальщик
​​Создание анимированного компонента навигации на сайте 👽

В данной статье подробно рассказано, как создавать навигационную панель с анимированными кнопками-иконками используя vue.js.

Читать - https://tproger.ru/translations/creating-navigation-c..

#vue
источник
2019 April 10
Типичный Верстальщик
​​Что нужно знать о массивах JavaScript 😎

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

Читать - https://habr.com/ru/company/plarium/blog/446902/

#javascript
источник
Типичный Верстальщик
​​Поиск JS-фреймворка для генерации UI 😈

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

#javascript
источник