Step by step 🧑‍💻
772 subscribers
80 photos
4 videos
1 file
84 links
Дневник одного программиста
Download Telegram
​​Когда чинишь баг на рабочем сайте
#Дизайн

В чате группы меня просили объяснить, как работать с Figma.

У Tilda, есть подробная инструкция, зачем нужна и как пользоваться Figma.

📃Инструкция

P.S. Если у вас темы, на которые хотелось бы узнать ответы, пишите в комментарии или в чат группы, я c удовольствием отвечу.
Многие новички в программировании, при верстке, ошибочно прописывают путь до файла стилей, скрипта или картинки.

Часто замечал, что путь прописан не относительный, а абсолютный.

Поэтому, я написал статью, о том как правильно строить относительный путь до файлов и картинок, при верстке страниц.

Это поможет вашему проекту, открываться на любом компьютере и в любой папке.

📃Статья
Мне надоело стримить.

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

Поэтому я решил начать все с нуля и пригласить вас в эту субботу в Zoom.

Для справки, Zoom – это аналог Skype, только более удобный.

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

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

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

С вас микрофон и приход на встречу, с меня ссылка на Zoom-конферецию.

В субботу в 18:00

Напишите в комментариях, кому интересно будет пообщатся и кто сможет прийти.
​​Подборка игр для прокачки ваших навыков:

Untrusted. Игра с простым интерфейсом, но интересным сюжет. Используя свои знания JavaScript помогите главному герою в его путешествии

Elevator Saga. Здесь вам предстоит программировать работу лифтов для максимально эффективной перевозки людей

CodeCombat. Эта игра подойдёт новичкам, которые только начинают знакомиться с программированием. Можете предложить её детям

CSS Diner. Ещё одна игра для прокачки навыков CSS, но в данном случае вы будете работать не только с Flexbox, но и другими возможностями CSS
​​Как работает мой код
​​​​Не так давно меня попросили написать что-нибудь про ООП (объектно-ориентированное программирование).

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

Пошел разбираться и перечитал кучу статье, о том:
– Что такое ООП?
– Какие бывают подходы к программированию?
– Чем отличается ООП от функционального программирования?
– Что такое функциональное программирование?
– Что такое процедурное программирование?

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

Зато поиски помогли мне найти нужные статьи, которые точно вам подойдут.

Первая статья. Максимально подробно о том, что такое ООП. Со всеми примерами и картинками. Советую читать ее в несколько заходов и пытаться воспроизводить все примеры на PHP. Код из примеров нужно будет адаптировать под синтаксис языка, но я думаю, кто знает PHP, сможет.

Вторая статья. Рекомендую прочитать тем, кто вообще ничего не понял. Опытные программисты рассказывают простым языком, что такое ООП.
This media is not supported in your browser
VIEW IN TELEGRAM
P.S. Легаси код (Legacy code) — устойчивое выражение, обозначающее старый код без каких-либо пояснений, как в нём разобраться. Legacy (англ.) – наследство. Это может быть чужой код, старый код, свежий кривой или старый качественный. Главный признак — отсутствие возможности в нём разобраться.
#Верстка

Нашел отличное видео, о том как сверстать макет с нуля и не "умереть".

Используя классные технологии, такие как:
– Шаблонизатор Pug
– SCCS
– Figma

Тут расскажут, как все установить и пользоваться этим.

Это поможет вам облегчить и ускорить верстку макета в разы.
#Верстка

Иконочный шрифт или SVG?

Нет единого мнения, что лучше использовать. У каждого подхода свои преимущества и удобства использования.

О всем этом можно прочитать в этой статье

Лично я придерживаюсь такой логики.
– Если иконка одноцветная/монотонная, то использую шрифты. Проще и легко настраивать с помощью CSS.
– Если у иконки несколько цветов, то только SVG. Шрифты не могут в разные цвета.
#Верстка

Научиться верстать легко. Гараздно сложнее делать это правильно.

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

"Не делайте, как не надо и делайте, как надо"

CSS Hell

HTML Hell
Как полезно провести свои выходные?

Правильно, заняться саморазвитием. Чтобы понять, что нужно знать программисту, необходимо разобраться, а что вообще требует работодатель?

В интернете есть большое количество подборок вопросов для собеседований, но большинство из них не совпадает с реальностью. Чаще всего, такие подборки написаны для тех, кто собеседует и хочет загнать потенциального кандидата в логический тупик.

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

К чему я веду? Недавно нашел очень качественную подборку таких вопросов по PHP, на основе которых можно узнать свой уровень и понять какие темы стоит изучить.

Если говорить о себе, то я не могу ответить на некоторые вопросы для Junior уровня. На middle уровне совсем плохо 😅, хотя считаю себя неплохим прогером.

Мне стало интересно, насколько вопрос вы сможете ответить. Напишите об этом в комментариях.
👍1
​​Вас тут уже больше 500. Это охренеть как много.

Не многие знают с чего это все началось 😊 . Хотел бы еще раз поделиться этой историей. 

В ноябре прошлого года, мне написало, примерно, 8-10 моих друзей, с вопросами:
- Как изучить программирование?
- С чего стоит начать?
- Какой язык лучше начать изучать?
- и т.д.

Я начал собирать подборку бесплатных курсов и в этот момент у меня родилась идея. Почему бы не собрать всех в одном месте и помогать в обучении? 

5 декабря, за 1 вечер на коленке, собрал логотип, позаимствовал у своего одного проекта, который так и не реализовал. Написал пост в instagram и спросил у ребят, может им будет интересна эта идея. И некоторые ее поддержали. Так и появился Step By Step. 

За это время написал несколько статей по Git, провел несколько стримов по обучению JavaScript, пытался задавать домашку, которая видимо не всем зашла и выкладывал много полезных постов. Так и не дошел пока до обучению PHP 😉

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

Поэтому сегодня поговорим про PHP и стоит ли его изучать?

PHP достаточно распространенный язык программирования для бэкенда. Но крупные компании стали все чаще отказывать от него отказываться в пользу других альтернатив: Python, GO, JavaScript (Node.JS) Это неплохо, так как создаются новые направления для разработчиков.

Я же считаю, что каждый язык создан под свои задачи. И PHP вполне справляется с задачей бэкенд-разработки. Особенно восьмая версия языка. Он умеет многое, что необходимо для этого :
– Работа с файлами
– Работа с базами данных
– Получать, обрабатывать и отправлять http-запросы
– Умеет в ООП
– Очень много открытых библиотек
– Немало проверенных временем фреймворков
– Много популярных CMS написано на этом языке
– Крупные компании пишут специальные библиотека для интеграции с их сервисами под этот язык

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

Если смотреть статистику, то большая часть (примерно 80%) сайтов в мире работает на PHP. Даже если сейчас начать учить этот язык, то ближайшем будущем вы точно найдете себе работу. Но нужно понимать, что только знанием языка ну обойтись. Придется еще подучить хотя бы один популярный framework.

К изучению PHP стоит подходить двумя путями:

1) Если вы уже знаете другой язык, то нужно изучить синтаксис PHP и помнить, что в отличие от JavaScript, PHP не умеет в многопоточность. Т.е. скрипты будут выполняться, ровно так как вы их написали

2) Если вы еще не изучали язык программирования, то стоит изучить базовые конструкции. Что такое переменные, какие оптации с ними можно делать, как работают условия и циклы. После этого можно будет приступать к изучению самого языка
This media is not supported in your browser
VIEW IN TELEGRAM
​​Когда в пятницу вечером ты уже выпил, но тебе написал босс и попросил исправить опечатку.
​​Хотите работать в крупной IT-компании или в хорошей команде?

Учитесь работать с git. Многие думают по своей наивности, что уже есть заказы и я получаю деньги. Значит я хороший программист, раз мне платят за это.

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

По этой причине, я прошу вас скидывать свой код, мне на ревью, через GitHub. Тем самым вы будете учится как им пользоваться и набивать себе портфолио для работодателей.

Спонсор этого поста, ребята которые затерли мой код сегодня утром. 😡

P.S. Выдыхаю