Веб-разработка и фриланс

Как стать Junior-разработчиком несколько месяцев, что учить, каких советов придерживаться — обо всём этом в статье. Начнём с начала Самое очевидное: чтобы претендовать на позицию junior-а, нужно хорошо знать основы. В нашем случае это HTML5 и CSS3. В интернете полно ресурсов, на которых вы можете освоить HTML и CSS полностью бесплатно. Единственная опасность, которая будет поджидать вас на этих бесплатных уроках — нерегулярность обучения и иногда появляющееся желание слиться. Может быть и иначе, но чаще всего бывает именно так...

Сегодня мы с вами познакомимся (а может и повторим) одну очень полезную фичу css, которой я очень часто пользуюсь + небольшой css-челлендж внутри. CSS3 принес нам целую кучу полезностей (повтори на досуге). Но сегодня речь будет про функцию calc(); Я люблю JavaScript и периодически так хочется написать какую-нибудь функцию прямо в стилях. Но пока приходится ограничиваться calc. Даже из названия понятно, что она что-то рассчитывает, но у тебя может возникнуть вопрос: “а зачем в css вообще что-то считать?”...

Как учить верстку, если денег на прохождение курсов нет, но освоить веб-разработку хочется. Я собрал для вас подборку видео курсов с канала Glo Academy. По ним вы можете учиться бесплатно. Для начинающих Тем, кто совсем ещё «зеленый» и не знаком ни с одним языком разработки, советую просмотреть плейлист «HTML для самых маленьких». Название четко соответствует содержанию. Разбираем язык HTML с самых основ и простым язком. Ссылка на плейлист: https://www.youtube.com/watch?v=bfXUhBB_9b0&list=PL3LQJkGQtzc7aWRyr-GaxyO_dwj5inJ1t Рабочие инструменты Писать код можно в любом текстовом редакторе...

Если вы до сих пор не приступили к изучению JS — этот пост для вас. В нём разберём всё то, что требуют работодатели от фронтенд-разработчика. Основные требования Блок 1. Основы JavaScript База, которую можно выучить за полторы недели. Даже если вы занимаетесь только вёрсткой и не планируете углубленно развиваться во фронтенде, эти знания вам пригодятся. Что нужно учить: Блок 2. Работа со страницей Всё то, что понадобится для взаимодействия с интерфейсом: Блок 3...

Сегодня предлагаем вашему вниманию перевод материала, который посвящён странностям CSS, о которых, как полагает автор этого материала, мало кто знает. Вертикальные поля Что станет с элементом, если назначить ему свойство padding-top: 50%? Интуитивно понятно, что подобное свойство устанавливает размер поля от верхнего края содержимого элемента, размер которого составляет 50%… От чего берутся эти 50%? Собственно говоря, в определённый момент интуиция при разборе особенностей этого свойства оказывается бесполезной...

Сделали для вас подборку из нескольких ресурсов, на которых вы сможете практиковать свой устный и письменный английский (или другие языки). Speaky Это простая соцсеть для людей, изучающих иностранные языки. Есть только текстовый чат (но кто вам запрещает обменяться контактами и поговорить в скайпе, да?). В чате имеется удобная функция исправления ошибок собеседника. Tandem Мобильное приложение, которое по своим возможностям очень похоже на предыдущий ресурс. Так же можно поправлять собеседника...

Can I Use Скорее всего, знакомый многим очень полезный инструмент, с которым можно узнать, какие технологии в каком браузере и в какой версии поддерживаются. How To Centerin CSS Здесь можно узнать, как центрировать любой элемент в CSS. Flat Icon Подбери и создай свой иконочный шрифт. Color Scheme Подбери сочетание цветов, оттенков и всего вот этого вот :) Transfonter Трансформация любого шрифта в нужный формат...

Позиционирование — одно из ключевых понятий в блочной верстке. Разобравшись с ним, вам многое станет понятно, а верстка из шаманства превратится в осмысленный процесс. Итак, речь в статье пойдет о CSS-свойствах position и float. position: static Нет необходимости специально назначать это свойство какому-либо элементу, если только вам не требуется изменить ранее установленное позиционирование на дефолтное. #content { position: static; } position:relative Относительное позиционирование (position:...

Делимся с вами очень эффективным подходом к работе, который подсмотрели у редактора Павла Фёдорова, а он узнал из «Новостной интернет‑журналистики» Александра Амзина, а того научили в старой Ленте.ру. Чтобы что? Намереваясь что‑либо сделать, следует задать себе простой вопрос: «Я это делаю, чтобы что?». В половине случаев оказывается, что действие либо не имеет смысла, либо задачу можно решить проще/лучше. — Я решил не писать в новости бэкграунд, чтобы что? — Я решил не обращать внимание на некачественную...

Есть техника тайм-менеджемнта, с которой можно успевать делать все дела, экономить время и оставаться полным сил. Она называется Pomodoro. «Pomodoro» — одна из техник тайм-менеджмента*. Её предложил Франческо Чирилло в конце 1980-х. А название произошло от итальянского «Pomodoro » — т.е. «помидор». Потому что таймер, который использовал Франческо, был в форме помидора. Прелесть этой техники в том, что для нее не нужно никакого сложного оборудования, кроме таймера, который есть в любом телефоне. Тайм-менеджмент...

Быстро познакомимся с будущим макетов веб-сайтов. Grid макеты имеют основополагающее значение для дизайна веб-сайтов, а модуль CSS Grid — это самый мощный и простой инструмент для его создания. В этом году модуль также получил нативную поддержку основных браузеров(Safari, Chrome, Firefox), поэтому я считаю, что всем фронтенд разработчикам придется изучать эту технологию в недалеком будущем. Ваш первый CSS Grid макет Двумя основными компонентами CSS Grid являются обертка(Родитель) и элементы (Дети)...

jQuery - библиотека JavaScript, которая упрощает работу и взаимодействие с объектами и элементами DOM, а также позволяет реагировать на различные события, которые происходят внутри окна браузера.  Для начала Как всё-таки выучить jQuery за 30 минут? Полностью выучить jQuery за полчаса не получится. Но изучить основы — вполне. В этом вам помогут три коротких видеоурока. Мини-вступление Учим селекторы Учим события Изучаем анимацию, атрибуты и кое-что ещё Шпаргалка для начинающих Функция $  Может...