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

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

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

Автор: @nikitakokos
加入频道
​​Слайдер.
Сейчас у всех современных сайтах есть слайдер, сегодня я изучил Slick Slider - это практичный и удобный слайдер для повседневной работы, основной его плюс это то, что я могу управлять слайдером и делать его «под себя», вот несколько полезных источников для изучения:
​​Майская работа +1 работа в портфолио
Давно собирался сделать такую необычную верстку, теперь я знаю как это сделать! Тык
Как сделать скрин своего сайта, для портфолио?
Когда я искал способ сделать скриншот сайта, то наткнулся на расширение для chrome Full Page Screen Capture, он делает качественный скрин всей станицы, но на некоторых биржах есть ограничения размера, поэтому вот сайт, для сжатия изображений:
Да найди себе партнера!
Для удобного и быстрого получение заказов вне фриланса отлично подойдёт - партнёрство, это может быть как дизайнер, так и верстальщик, но самое главное, что они принесут заказы, это удивительно, всего за какой-то процент ты получаешь заказ!
​​Команда и git.
Большие проекты делаются в команде, каждый занимается в своей нише, но создают единый проект.

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

Где учить git?
Вот несколько источников, для изучения git:
Окружение.
Общение с людьми, которые не смотрят в будущее, не помогает достижению цели, а общение с единомышленниками или с ментором, который на голову выше и знает ответ на твой вопрос, незаметно прокачивает свои навыки!

Заходите на форумы, ищите друзей на курсах и в чатах, кстати можете зайти в наш чат, соберём команду единомышленников!
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! Поддержка у многих современных браузеров, но не во всех. Вариантов стилизации очень много, но я сделал такой.В планах сделать прелоадер, слайдер,курсор, ну и блок портфолио, скоро релиз:)