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

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

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

Автор: @nikitakokos
加入频道
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, есть гифки с объяснением тык
404.php.
Каково было мое удивление, когда я узнал что Wordpress может даже такое! +1 страница для верстки, но это того стоит, для хорошей страницы 404 нужна ссылка на главную станицу и соответсвующий дизайн, вот примеры интересных оформлений 404 страниц. А я продолжаю погружение в Wordpress
Практика.
Верстайте, учитесь, читайте и программируйте!
Сейчас смотрю курс от Glo Academy - «Курс по Wordpress», помимо этого верстаю и делаю свой сайт портфолио, но ничего не успеваю! Надо придумать, как ускорить работу, gulp уже не справляется, нужно прокачать сборку, а ещё немного попрактиковаться в верстке. Думаю я уже близок к фрилансу, но ещё не знаю, что меня ждёт
Продолжаем изучать Wordpress.
Нашёл курс от Федора Васильева, буду смотреть посл Glo Academy. Автор рассказывает про свой личный опыт в WordPress, на что нужно обращать внимания при выборе CMS движка для ведения своего проекта в интернете тык
This media is not supported in your browser
VIEW IN TELEGRAM
Прелоадер.
При загрузке станицы на некоторых сайтах появляется прелоадер - это анимация пока сайт загружается. Я тоже решил создать свой прелоадер для своего сайта портфолио и вот его первая версия(с цветом потом можно поиграться)
This media is not supported in your browser
VIEW IN TELEGRAM
Табы на сайте.
Очень часто на сайтах присутствуют табы, они нужны для сортировки элементов по произвольным категориям,переключение между категориями происходит с помощью меню(табов). Вот хорошее видео по табам тык
Иконки на сайт.
Часто приходится искать разные иконки на сайт,а в интернете искать долго, тогда я решил найти выход и нашёл Flaticon, просто напиши в поиске нужную иконку и добавляй к себе в проект! Тык