Programmer Way | IT и фриланс
2.5K subscribers
118 photos
14 videos
4 files
248 links
Делиться моим путём до вершин IT индустрии!

Топовый чат: t.me/best_of_it

Условия рекламы: tsykunov.com/price

Автор: @nikitakokos
加入频道
Окружение.
Общение с людьми, которые не смотрят в будущее, не помогает достижению цели, а общение с единомышленниками или с ментором, который на голову выше и знает ответ на твой вопрос, незаметно прокачивает свои навыки!

Заходите на форумы, ищите друзей на курсах и в чатах, кстати можете зайти в наш чат, соберём команду единомышленников!
Upwork.
Самой мощной англоязычной биржей фриланса является Upwork. Там сидят заказчики из США, Канады и Западной Европы, т.е. ребята с деньгами. Однако решив покорить Upwork, ты столкнёшься с необходимостью хорошо знать английский, а также жёсткой конкуренцией. И это не говоря уже об универсальных требованиях вроде крепкого портфолио, правильно оформленного профиля и прочих моментах (а их целая масса), но знать об этой бирже обязательно стоит и это в будущем вам поможет, а пока стоит набирать портфолио и пробовать и кидать заявки
Сложная задача и гениальное решение.
Раньше я не понимал некоторых вещей, когда я проходил курс по JS, то ничего не понимал, но я продолжал смотреть и повторять. Теперь я лучше понимаю JS!

Однажды мне просто понравилось приложение Todo на React(тогда я даже нормально не знал основ JS), я просто повторял за автором и у меня получилось своё React приложение(в ближайшее время ещё сделаю по чат на React по уроку, а углублённо изучать React я ещё не скоро буду), пока надо подтянуть навыки JS, а там и Wordpress подтянется

В планах закончить изучение верстки и углубиться в JS, а потом изучить Wordpress и создать свой сайт портфолио
CMS WordPress.
Самая популярная система управления контентом, поэтому большинство сайтов используют эту cms и им постоянно нужны мелкие правки и добавление функционала.

Следующий этап после верстки и добавление интерактива - это натяжка макета на cms и его дальнейшее поддержка и обслуживание

Вот видео, для ознакомления:
Git помогает трудиться.
В кафе, в отпуске или у бабушки, git всегда под рукой, сделать коммит и уже можно работать с любого устройства в любой точке мира, удивительно! Открывайте горизонты - учите новое. И с добрым утром!
Информация бесплатна.
Да и нет. Да, она бесплатна, но нет, ведь в потоке хлама очень трудно отыскать нужную

Учитесь искать, а затем отсекать ненужную информацию и использовать знания, это вам даст превосходство и сэкономит время

Иногда истина может быть неочевидна и не стоит останавливаться на нише, нужно мыслить шире, в вебе нужно знать строение сайта, даже если делаешь только fronted нужно знать как устроен backend, это даст полное видение сайта
А jQwery все-таки хорош!
Большинство плагинов для всяких фронтенд фич написаны на jQwery и если вам понадобится хотя бы 1 плагин, то вам придётся подключать целую библиотеку и от этого никуда не деться, бывают разные ситуации и вот хороший курс по jQwery тык
PHP и SQL.
Эта сборка позволяет легко управлять CMS и создавать свой backend на сайте, для работы php скриптов нужен сервер(об одном из локальных серверов я расскажу в следующем посте) Сейчас я научился кидать заявки с сайта на почту и собираюсь развиваться в направлении CMS и фронтенд, чтобы делать сайты под ключ, а про SQL я рассказывал в этом посте
​​+1 крутая работа!
Использовал: Git, gulp, scss, jQwery, js, wow.js, slick slider и тд.
Тык
OpenServer.
это портативный локальный WAMP/WNMP сервер. Позволяет запускать PHP скрипты и работать с CMS, отправлять заявки на почту и телеграмм.

Это отличный вариант тестировать отправку заявок, но лучше иметь свой хостинг и домен, скачать OpenServer можно тут
Отправляем заявку в телеграмм.
Последние посты нужны были для понимания устройства бэкенда и сейчас я покажу как отправлять заявку с сайта в телеграмм, как я и говорил, для php скриптов нужен OpenServer, так же вам нужно создать своего бота и чат, подробное руководство и файл скриптов есть в этом уроке:
Эффектный переход в темный режим! Тык
Будет полезно, но пока ещё не придумал как использовать, интересно узнать ваши идеи, пишите в нашем чате
Меняем цвет выделения текста с помощью CSS. Псевдоэлемент ::selection позволяет менять стиль текста при выделении. На фото мой сайт портфолио, но он пока в разработке, буду делиться всеми трудностями и обновлениями, в планах сделать ещё 3 работы в портфолио
This media is not supported in your browser
VIEW IN TELEGRAM
Самопишущийся текст.
Часто на сайтах встречается текст, который выводится в реальном времени, это удивительно! А поможет вам библиотека - typed.js

Подробнее можно почитать в документации, эффект очень завораживающий, есть ещё очень много отличных библиотек, но я постараюсь рассказать про самые интересные!
This media is not supported in your browser
VIEW IN TELEGRAM
Частицы на JavaScript.
Каждый сможет повторить и использовать на практике, постоянно вижу на сайтах отсутствие анимации и интерактивных элементов. Скоро покажу вам примеры крутых прелоадеров и сделаю с нуля свой для моего сайта
Тык
This media is not supported in your browser
VIEW IN TELEGRAM
Стилизуем scrollbar.
Благодаря свойствам scrollbar,scrollbar-track,scrollbar-thumb(с префиксом ::-webkit) можно создать свой собственный scrollbar! Поддержка у многих современных браузеров, но не во всех. Вариантов стилизации очень много, но я сделал такой.В планах сделать прелоадер, слайдер,курсор, ну и блок портфолио, скоро релиз:)
Внимание.
Сайты построены на вашем внимании, формы обратной связи, дизайн, интерактив — все это способы привлечения внимания, люди акцентируют внимание на сайтах с крутым дизайном, а другие нередко обходят стороной.

Безусловно, есть сайты без хорошего дизайна, где много посещений, но это реально полезные сервисы, а когда в последний раз вы заходили на реально полезный сайт?:)

Вместо этого ваше внимание концентрируется на бесполезных чатах и сообщениях, лучше зайдите в чаты по вашей тематике или сделайте что-то полезное. Что вы думаете по этому поводу? Напишите в чате!
Full stack или профи в своей нише?
Думаю каждый из вас задавал себе этот вопрос, изначально у меня был огромный выбор React, Vue, Wordpress, Верстка. Я перепробовал много и понял, что все не выучить!

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

Но даже когда вы стали профи в верстке, то чтобы выполнять хорошо свою работу вам все равно нужно знать основы php, чтобы выполнять качественно свою работу и таких примеров очень много
Из HTML на Wordpress.
Планирую посмотреть курс «Из HTML на Wordpress», пока нужны базовые понятия, а потом закреплю на практике, уже близко к созданию сайтов под ключ, но ещё нужно много узнать тык
This media is not supported in your browser
VIEW IN TELEGRAM
Плавная анимация меню.
Долго искал решение, но получилось великолепно, ещё поправлю мобильную версию и меню готово! Демо
This media is not supported in your browser
VIEW IN TELEGRAM
23 lesser known VS Code Shortcuts as GIF.
Реально полезная статья, пользуюсь каждый день, эти шорткаты облегчают работу в VS Code, есть гифки с объяснением тык