Кирилл Панченко | Веб-дизайн, Программирование
8 subscribers
2 photos
3 videos
5 files
Download Telegram
Кирилл Панченко | Веб-дизайн, Программирование pinned «КТО Я ТАКОЙ Привет, мой подписчик или случайно попавший сюда человек. Давай знакомиться. Меня зовут Кирилл и я (алкоголик) Веб-разработчик🤓 Занимаюсь программированием с 13 лет (сейчас мне 20). Учился всему сам, никаких наставников и помощников не было (кроме…»
С ЧЕГО НАЧАТЬ ИЗУЧЕНИЕ ВЕБ-РАЗРАБОТКИ? Часть 1.💻

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

И все же, с чего начать?🤔
С понимания того, что тебе интересно и от чего у тебя появляется огонь в глазах. В моем случае это веб-разработка. О ней мы и поговорим.

Первым на очереди стоит HTML. И нет, это не язык программирования, как вы могли подумать. HyperText Markup Language — «язык гипертекстовой разметки». Так расшифровываются эти странные 4 буквы. HTML является важной составляющей всех сайтов мира. Он представляет собой набор тэгов, которые "говорят" браузеру, что отображать на сайте. (Не напрягайтесь, вам понадобится всего 20-30 тэгов, которые вы чаще всего будете использовать в работе)😅

После понимания основ HTML можно переходить к изучению CSS - Cascading Style Sheets.
Он является языком описания внешнего вида документа (сайта). И да, это тоже не язык программирования. Его используют, чтобы придать красивый внешний вид сайту. С его помощью можно создавать простые анимации и "отвечать" пользователю при определенном взаимодействии с вашим ресурсом.

Можно писать бесконечно, но давайте ближе к делу❗️
Где брать информацию?

Все просто. Открываем Google (главный помощник любого программиста) и ищем. Умение правильно составлять поисковые запросы так же важно, как и знание языков программирования.
Дальше все зависит лично от вас:
Если вам легче воспринимать информацию наглядно и на слух, то лучше Youtube нет ничего.
Если удобнее в текстовом формате, вам поможет сайт html5book, где есть много информации об HTML и CSS.

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

Если возникнут вопросы - можете написать мне, я всегда рад помочь.
СЛОВАРЬ ПРОГРАММИСТА 🖥

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

А.
Айдишник\айди - id, идентификатор(часто уникальный).
Апишка\апи - API, программный интерфейс приложения.
Адаптив - адаптивный дизайн, адаптация для использования на разных размерах экрана.

Б.
Баг - от англ. Bug. Ошибка в программе.
Бэкенд — от англ. Back-end. Программно-аппаратная или серверная часть приложения.
Бэкап— резервная копия или приложения.

В.
Выкатить — сделать доступным для пользователей. Например, «выкатили новую версию сайта».

Г.
Гит — система контроля версий Git или сервис GitHub.
Градиент — плавный переход из одного цвета в другой.
Г****окод — плохой, некачественный код.

Д.
Движок — в веб-разработке так называют системы управления контентом(CMS).
Дебажить — устранять ошибки.
Джун\джуниор — от англ. Junior. Младший разработчик.
Деплой, деплоить — публикация рабочей версии приложения.

Ж.
Жаба — язык программирования Java.
Жабаскрипт — язык программирования JavaScript.

З.
Залить — загрузить. Например, «залить файлы на сервер».
Запилить — сделать что-то, добавить какую-то функциональность.

И.
Исходник — исходный код, первоначальный файл.
Итерация — повторение одного шага несколько раз.

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

Л
Либа — от англ. Library — библиотека. Речь идет о библиотеках кода.
Лист — от англ. List — список.
Локалка — локальный. Например, локальный сервер или сеть.

М.
Мидл — от англ. Middle — средний. Уровень разработчика, следующий за джуниором.
Мёржить — от англ. Merge, сливать. Речь идет об объединении или слиянии веток кода.

Н.
Навбар — навигационный блок на сайте или в интерфейсе программы.
Накатить — внести изменения. Противоположное термину «откатить».

О.
ООП (сокр. от «Объектно-Ориентированное Программирование») — методология программирования, в которой основными концепциями являются объекты и классы.
Опенсорс (от англ. «open source software») — программное обеспечение с открытым исходным кодом, который может использовать/дополнять/изменять любой желающий.
Откатить — удалить изменения, вернуть предыдущую версию приложения. Противоположное термину «накатить».
Отладка — этап в разработке программного обеспечения, на котором выполняется поиск и исправление ошибок.
Отладчик (или «дебаггер», от англ. «debugger») — программа, с помощью которой выполняется отладка. Кстати, скоро будет пост по этой теме.

П.
Падаван — ироничное название стажёра или джуниора.
Питон — язык программирования Python.
Подвал — то же, что и «футер». Элемент структуры страницы, который находится в нижней части сайта.
Поплыла вёрстка — некорректное отображение страницы в браузере.
Пэхапэ — язык программирования PHP, то же, что и «пыха».
Пыха — язык программирования PHP, то же, что и «пэхапэ».

Р.
Релиз — Стабильная версия программы, которая прошла тестирование.
Рекурсия — описание процесса с помощью самого процесса. Ситуация в которой функция вызывает сама себя.
Репа — репозиторий. Например, код программы можно хранить в репозитории на GitHub.

С.
Свичнуть — переключить. От английского switch.
Сетка — модульная сетка, используется для дизайна и вёрстки страниц.
Сеньор, синьор — от англ. Senior — старший разработчик.
Слетело — сломалось.
Снести — удалить.
Стек — изначально абстрактный тип данных. В разговорной речи используется для обозначения списка технологий.

Т.
Темплейт — от английского template — шаблон.
Тестировщик — специалист по тестированию программного обеспечения.
Туториал (от англ. «tutorial») — сборник уроков для обучения, учебник.

У.
Убить — удалить что-то.
Утилита (или «утилитка», от англ. «utility») — вспомогательное программное обеспечение, которая помогает что-то сделать.
Ф.
Фаервол (от англ. «firewall») — антивирус.
Факап (от англ. «fuck up») — неудача, провал, облом. Зачастую подразумеваются более-менее серьёзные ошибки.
Фидбек — от англ. Feedback — обратная связь.
Фича — функция, возможность. От англ. Feature.
Фреймворк — от англ. Framework — каркас. Инструмент разработки, упрощающих работу программиста.
Фронтенд — от англ. Front-end — клиентская часть приложения.

Х.
Хатэмээль, хатээмэль — HTML, язык гипертекстовой разметки.
Хард скиллы (от англ. «hard skills») — технические знания и навыки.
Хардкодить — статически прописывать в коде данные, которые должны вычисляться динамически.
Хедер — элемент структуры веб-страницы, находится в верхней части и содержит логотип, меню, служебную информацию.

Ц.
ЦП — центральный процессор (он же «проц» или «процик»).
Цэмээс — от англ. CMS — content management system, система управления контентом.
Цээсэс — от англ. CSS — Cascading Style Sheets, каскадные таблицы стилей.

Э.
Эксплойт (от англ. «exploit») — вредоносная программа, способная выполнять свой код через найденную уязвимость в другой программе.
Эникей (от англ. «any key») — любая кнопка. Часто, при установке или загрузке чего-либо, нас просят “Press any key” — отсюда и термин.

Ю.
Юзать — от английского to use — использовать.
Юзер (или «юзверь», от англ. «user») — пользователь.

Я.
Ява — язык программирования Java.
Яваскрипт — язык программирования JavaScript.
ЯП — язык программирования.

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

По всем вопросам в лс 😉
This media is not supported in your browser
VIEW IN TELEGRAM
Работаю над новым проектом. Скоро будут подробности 😎
ИНСТРУМЕНТЫ РАЗРАБОТЧИКА🛠

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

1️⃣Visual Studio Code. Легкий редактор кода. Программа, в которой я провожу большую часть времени. Поддерживает множество расширений для разных языков. Имеет встроенную систему автозавершения кода, а так же терминал и отладчик. Программу легко связать с GIT, что позволяет совместно работать в режиме реального времени. Значительным плюсом является кроссплатформенность. Как-нибудь напишу отдельный пост с разбором моей рабочей среды.🤓

2️⃣Adobe Photoshop, Illustrator, Experience Design. Три программы от компании Adobe, которые полностью закрывают вопросы в работе с изображениями, векторной графикой и разработкой интерфейсов. Не будем останавливаться на таких популярных программах. Всю интересующую информацию можно найти в Google.

3️⃣OpenServer - удобный и простой локальный веб-сервер, специально для веб-разработчиков. Использую для создания веб-приложений и работы с CMS, а так же сайтами на php.

4️⃣GIT - Это система, записывающая изменения в файл в течение времени и позволяющая вернуться позже к определённой версии. Не стоит путать с GitHub. Так же тема достойная отдельного поста.

5️⃣FileZilla - удобный FTP клиент. Есть возможности перетаскивания объектов, синхронизации каталогов и поиска на удалённом сервере. Так же кроссплатформенный.

Это основные программы, которыми я пользуюсь на постоянной основе.
С ЧЕГО НАЧАТЬ ИЗУЧЕНИЕ ВЕБ-РАЗРАБОТКИ? Часть 2.💻

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

1️⃣ Фреймворк - программное обеспечение, облегчающее разработку. В веб-программировании их существует великое множество. Но сейчас мы поговорим только об одном из них. Bootstrap - это открытый и бесплатный фреймворк, который используется для быстрой вёрстки адаптивных сайтов. Он имеет несколько версий. На данный момент я советую изучать 4 версию, которая построена с использованием флексбоксов. Найти информацию можно на официальном сайте, прочитав документацию.

2️⃣ Флексбокс - это система раскладки блоков в CSS. С помощью них удобно управлять колонками и блоками в вёрстке.
Но у них есть альтернатива - Grid CSS. Это тоже система компоновки, которая предназначена для более сложного позиционирования.
Внимание нужно уделить обеим технологиям. В сети много информации о них и найти ее не составит труда.

3️⃣ Компилятор - средство, преобразующее исходный код в программу, понятную компьютеру. У нас речь пойдет о препроцессоре SASS\SCSS. Браузер не понимает его, поэтому задача компилятора превратить этот код в знакомый CSS.

4️⃣ SASS\SCSS - это метаязык на основе CSS. Он облегчает написание CSS и добавляет несколько "фишек", присущих языкам программирования.
Теперь вы сможете легко задавать наследование элементов, добавлять переменные и использовать числовые вычисления. SASS закрывает основные недостатки CSS и ускоряет написание стилей. Требует компиляции. Но не стоит волноваться, современные редакторы имеют возможность делать это автоматически, а так же существует масса программ для этого. Посмотреть полезные программы и настройку рабочей среды вы можете по хэштегу #panchenko_программы. Искать информацию о SASS\SCSS можно так же в документации на официальном сайте.

Возможно, изначально это покажется сложным, но после изучения и применения этих технологий, вы никогда больше не захотите работать без них.
Больше практики, вы уже почти программист🤓
ЛУЧШИЙ СПОСОБ СТАТЬ ПРОГРАММИСТОМ💻

Как изучать программирование? Как добиться максимального эффекта и получать удовольствие?🤔

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

СОЗДАЙ ПОТРЕБНОСТЬ В ИНФОРМАЦИИ❗️

Да, все так просто. При изучении чего-то нового мы не всегда понимаем, для чего нам эти знания и как их применять. Особенно в программировании. Чтобы было легче запоминать и понимать информацию, ставь себе задачи и выполняй их, используя новые знания. Не бойся ошибок, чем их больше, тем больше опыта. Используя такой подход, ты получишь просто бомбическую смесь теории и практики. Это сделает тебя ПОНИМАЮЩИМ программистом, который не просто знает технологии, а умеет применять их по назначению.

Как начать применять это уже сегодня

Начни со своей жизни. Придумай задачку. Она должна быть по твоим возможностям, немного выходя за рамки. Найди нужную информацию и напиши решение.
Затем выбирай что-то посложнее.
Со временем начнёшь получать удовольствие от процесса💯

Пример оставлю в ниже👇

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

Ну а сейчас вперёд, к практике🔥
ПЕРЕСТАНЬ ЧИТАТЬ И НАЧНИ ПИСАТЬ🔥

Часто на начальных этапах возникает сомнение в своих способностях. Есть простое решение проблемы: перестань поглощать информацию ежедневно.

Я ни в коем случае не против изучения новых технологий в разработке. Проблема в том, что ты много читаешь и смотришь, но недостаточно пишешь и создаешь❗️

Не будь как все. Начни меньше думать и больше делать. Я уже множество раз говорил о значении практики. Редко можно встретить программиста с избытком опыта. Используй уже имеющиеся знания. Пиши много. А писать в таких условиях ты будешь значительно больше. Читай только по мере необходимости.

Плюс в том, что ты перестанешь слушать других и начнешь доверять себе💁‍♂️

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

Начни сегодня, сейчас.

Перестань читать этот пост и начни писать.

Это сделает тебя лучше. Ты будешь гордиться собой.

Вперед.
ГЛАВНАЯ ПРОБЛЕМА ИНТЕРНЕТА❗️

Привет, сегодня хочу рассказать про самую большую проблему интернета и сайтов в частности.
Ни для кого не секрет, что у любой компании или бизнеса должен быть свой сайт в сети. И, выходя в интернет, они получают огромную площадку для продаж, рекламы и связи с клиентами. Казалось бы, все очень просто, но тут и скрыты основные проблемы: Дизайн из 90-х и шаблоны.

🔸Дизайн из 90-х. О да, в современном мире еще очень большой процент сайтов "славится" этим. Это в корне неправильно как с позиции эстетики, так и бизнеса. Потенциальный клиент в лучшем случае прочитает заголовок, а в худшем - сразу закроет сайт. В интернете человек, в первую очередь, оценивает глазами. В такой ситуации не спасут продающие тексты или продвижение в первые строчки поиска. Вердикт один - РЕДИЗАЙН. Использование современных трендов и подходов к разработке сайта не только придаст презентабельный вид, но оставит "вау" эффект у клиента.

🔹Другой мой враг - это шаблонный сайт. Табу современного интернета. Согласись, не хотелось бы увидеть у конкурента такой же сайт. А нынешние конструкторы и шаблонные заготовки только на это и нацелены. Думаю не стоит объяснять, насколько важна уникальность и личный бренд. Важно, чтобы твой сайт узнавали и ни с кем не путали. Это уважение к себе, своему бизнесу и клиенту.

Мой внутренний эстет начинает кричать при виде такого безобразия. Решение этих проблем для меня и является главной целью. Именно поэтому я пишу сайты вручную. Именно поэтому они получаются уникальными. Именно поэтому вы нигде не найдете идентичного сайта. Именно поэтому вы можете заниматься бизнесом, а сайт доверить мне.
КОНКУРЕНЦИЯ В IT 💻

Привет.
Самый любимый вопрос большинства новичков: а стоит начинать, если в сфере такая большая конкуренция?
Давай обсудим💭

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

Но давай вернемся к самому вопросу.
Начинать или нет?
Если душа лежит к этому - однозначно начинать. Новичков много, но большинство из них новичками и останутся. Начальных знаний хватает, чтобы брать какие-то
заказы на фрилансе и выполнять их. Большинству этого достаточно. Обычно они не идут дальше базы. Как раз от них и идет негатив вроде:
«Большая конкуренция, невозможно работать и тд.»🗣

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

Думаю, ответил на главный вопрос.
Дай знать, если был полезен♥️
ПОГОВОРИМ О КУРСАХ📚

Итак, сейчас большой популярностью пользуются курсы. Каждый день я вижу рекламу минимум 2-3 курсов по веб-разработке и дизайну от разных авторов.
Что за курсы? Они нужны?

Поехали по-порядку👇

Все курсы можно разделить на несколько категорий.
Платные и бесплатные.
От онлайн школы и отдельного человека.
А так же по формам обучения: вебинар, онлайн-интенсив, интерактивные курсы, личное, групповое.

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

🔸 Платные или бесплатные.
Сейчас немного психологии:
человек определяет ценность информации не по знаниям, которые он получил, а по тому, что он сделал, чтобы их получить.
Так, заплатив за курс 100 баксов, ты, скорее всего, его посмотришь, потому что отдал за него деньги.
Бесплатный курс тебя будет привлекать гораздо меньше, тк он всегда доступен. В голове будет куча причин посмотреть его потом и в итоге забить.
Такова психология человека.

🔸 Онлайн школа и отдельный человек.
В онлайн школе ты получишь продуманную схему, узнаваемый сертификат, профессионала в роли учителя, но отдашь за это приличные деньги.
С авторским курсом все не так однозначно. Это чистая рулетка. Учителем может быть как классный специалист, так и человек, который решил подзаработать на волне хайпа. Стоит обратить внимание на портфолио и пул знаний автора. Цена таких курсов, обычно, не очень высокая.

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

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

В интернете очень много информации в свободном доступе. Нужно просто захотеть и открыть Google
Привет 🙋‍♂️ Сегодня расскажу, что такое cookie, о которых сайты постоянно тебя предупреждают.

Погнали👇

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

🔹Для чего это нужно?

При следующем посещении сайта, тебе будут показывать контент "по интересам". После обработки файлов cookie, сайт подбирает информацию персонально, чтобы она была интересна именно тебе.

🔹Где они хранятся?

Cookie хранятся у тебя на компьютере. При открытии сайта твой браузер запрашивает эти данные и передает на сервер в составе http или https запроса.

🔹И главный вопрос - это безопасно?

Все зависит от конкретной ситуации, защищенности подключения, использования SSL и TLS протоколов и так далее.

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

Подписывайся чтобы не пропустить😉