• Какие есть обучающие ресурсы по фронтенд разработке?

    edward04
    @edward04
    Начинающий ninja frontend
    https://www.youtube.com/channel/UC7enHM_oJRYJOnyJr...
    https://www.youtube.com/channel/UCZeU17nbVfzczAkJV...
    https://www.youtube.com/channel/UCHHw70vvbfyM6xJQo...
    https://www.youtube.com/channel/UCIIt69f5D44s2cdb9...
    tohtml.it/post/74511047203/markup-process

    По нему скучаю искренне и иногда сижу на подоконнику с лате и смотрю на капли дождя, стекающие по стеклу:
    https://www.youtube.com/channel/UCdnFX7mzgup9moXG2...
    Это для общего развития:

    https://stepic.org/course/%D0%90%D0%BD%D0%B0%D0%BB...

    Похожий вопрос:
    Какие задачи нужно уметь выполнять на JS начинающему?

    Ваша библия:
    https://developer.mozilla.org
    Можно докинуть еще:
    webref.ru
    htmlbook.ru
    Просто случайная ссыль
    https://docs.google.com/document/d/1kehaJKKRo7zxYp...
    Еще одна:
    https://github.com/ihorzenich/html5checklist
    Еще какая то штука
    https://github.com/dypsilon/frontend-dev-bookmarks
    Лучшие практики тостеровцев
    Как вы начинаете вёрстку сайта?
    Инструменты
    fredsarmento.me/frontend-tools

    После пары часов выпускания пара из ушей, включить на всю громкость и хоть как то отвлечься от этой жизни
    https://www.youtube.com/channel/UCY0C6A3t3RTUN3BB6...

    На freecodecamp.com неплохо алгоритмы можно потренить

    Ну и конечно
    learn.javascript.ru

    PS
    еще это
    Какие ресурсы с новостями по web-разработки вы знаете?

    PSPS
    Не отвечаю за качество контента под ссылками, может кое что уже outdated.

    https://vk.com/video79753760_171233585

    Удачи, брат
    Ответ написан
    4 комментария
  • Как добиться ощущения суперсовременного сайта?

    @VZVZ
    Reverse-Engineer, Software Developer, Architect
    В каком смысле выглядел - внешне или технически?

    Если внешне, чисто с позиций юзера, то, во-первых, нужны верстка и дизайн. Современные и адаптивные. Можно готовые UI-фреймворки вроде Bootstrap. Вполне современно получится. В 90-е его уж точно не было)) Хотя стандартная его Theme, пожалуй, недостаточно минималистична, кругловатая какая-то)) изменить бы ее чуток.
    Во-вторых, AJAX нужен. Там, где он нужен.
    Все, больше здесь ничего не надо.

    Если же потроха хотите современные, то это уже совсем другое.
    Рассказывать долго, но основное:
    1) Не просто AJAX, а полноценное REST API, способное возвращать не HTML, который тупо вставляется в страницу JSом, а полноценный JSON, удобный для юзания из мобильных/десктопных клиентов, а не только из JS с DOM API. Здесь сложно обойтись без решений вроде ReactJS
    2) jQuery
    3) На сервере MVC и вообще все стройно

    Другой вопрос, на пользу ли такая современность потрохов, если судить объективно.
    Вот скажем Google и VK имеют совсем не современные потроха. У них AJAX возвращает не JSON, а HTML по старинке, иногда небрежно завернутый в JSON (а у VK даже не завернутый), никаких jQuery нет и в помине, MVC (да и вообще четкой архитектуры) тоже, а кроссплатформенное REST API хоть и есть, но весьма такое небрежное и потрохами сайта оно не является, а прилеплено сбоку.
    При этом дела у них почему-то идут гораздо лучше, чем скажем у Mail.Ru Group, которые есть большие любители современных потрохов и вообще всего современного, однако в народе имеют нелестное название "майл.сру", а скажем гугл такого прозвища не имеет.
    Так как же так? Неужели разрабам Google и VK не хватает современности, и они не могут найти себе современных разрабов? А может оно им и не надо, и даже вредно было бы? Подумайте.
    Ответ написан
    4 комментария
  • Как правильно изучать верстку c переходом на front-end?

    psdhtmlcss
    @psdhtmlcss
    • HTML, CSS (для начинающих здесь курсы)
    • JavaScript, jQuery (можно эти сайты wisdomweb, курсы на youtube)
    • Отличный справочник по HTML и CSS на сайте htmlbook.ru
    • Также рекомендую параллельно учиться печатать вслепую, отличный тренажер "Соло на клавиатуре" за 2 месяца можно научится на русской и английской раскладке уверенно печатать вслепую. Изучать технический английский.
    • В дальнейшем изучить less,sass, bootstrap, поработать с git Основы php, mysql, поработать с популярными cms: Drupal, Joomla, WordPress и т.д.
    • Также немаловажен текстовый редактор, используйте тот, в котором быстро и удобно работать. Можете почитать про Sublime Text, в том числе и про полезные плагины.
    Ответ написан
    Комментировать
  • Какую литературу следует выбрать для освоения linux?

    insiki
    @insiki
    broken pipe
    Установить любой из Linux-дистрибутивов на компьютер/ноутбук, открыть книгу Кофлера "Linux. Установка, настройка, администрирование" и вливаться. :)
    Из видеокурсов советую:
    1. Курс на stepic.org
    2. Курс по сдаче LPIC от Кирилла Семаева
    3. Курс информационных технологий от Yandex
    4. Технопарк Mail.ru Group, МГТУ им. Н.Э. Баумана. Курс "Базовое администрирование Linux"
    Ответ написан
    Комментировать
  • Что можно написать на Node.js?

    MarcusAurelius
    @MarcusAurelius Куратор тега Node.js
    автор Impress Application Server для Node.js

    Часто применяется для:

    1. Локальные приложения и утилиты командной строки
    • Сборщики и трансляторы
    • Пакетная обработка и сценарии отложенной обработки
    • Скрипты, CLI (интерфейсы командной строки)
    • Генерация документации, отложенное формирование отчетов
    • Сценарии тестирования для других систем

    2. Серверы
    • Серверы веб-приложений и SPA
    • Серверы и API для мобильных приложений
    • Любые другие веб-API (RPC, JSON, REST)
    • Серверы сообщений и трансляция событий (чаты, игры, интерактив)
    • Заплаты на уже готовые системы, написанные на других языках, для реализации вебсокетов, SSE, лонг-пулинга и т.д., т.е. для затыкания дыр, для решения проблем в узких местах уже работающих систем.

    3. Клиенты
    • Оконные приложения (nw.js, node-webkit)
    • Кравлеры, парсеры и сбор данных

    4. Железо
    • Программирование микроконтроллеров (arduino, espruino, tessel)
    • Промышленная автоматизация

    Редко применяется (но подходит) для:
    • CMS, публикация контента (просто ниша уже занята и в этой задаче нода не дает чего-то принципиально нового или сверх соблазнительного).
    • Массовая электронная коммерция и торговля (не применяется для массовых движков магазинов, но используется отдельными крупными компаниями для торговых и платежных задач в качестве дополнительного средства к уже имеющемуся ПО, по сути закрывает узкие места).

    И плохо подходит:
    • Вычисления и моделирование, со скоростью математических операций нода и JS, как не типизированный язык, не дают хороших показателей
    • Научные приложения (по тем же причинам)
    Ответ написан
    10 комментариев
  • Есть ли такие ресурсы на которых разбирают базовые проблемы вёрстки?

    @President42
    Как делается сетка: тыц, тыщ, тыдыщь

    Как делается меню: раз, два, три

    SVG: адын, два, три, четыре

    Parallax: вот, и вот, и ещё вот. И вот тут почти Parallax, думаю тоже пригодится

    Бонус:
    • JavaScript Garden -- тонкости JavaScript
    • Learn X in Y minutes -- краткие туториалы по куче языков (там и JS, и CSS и много чего ещё есть), некоторые с русским переводом (но не все)
    • Material Design -- гайдлайн по Material Design
    • PrimerCSS -- стайлгайд Github + их CSS фреймворк
    Ответ написан
    7 комментариев
  • Какую литературу можно почитать по вопросам: как организовать обучение и эффективно использовать время?

    @Evsign
    Для начала потратить ~ 1 неделю для составление плана обучения. В моём случае - список компетентной и актуальной литературы.
    День проходит по алгоритму:
    1. Проснулся
    2. Помылся, поел
    3. Читать
      • После каждой прочтённой главы составляю карточки в anki по главным и ключевым моментам
      • Если требуется гуглю задачи по теме и решаю до посинения. Пока не будет уверенности в том, что делаю

    4. Вот и обед уже
    5. Продолжаю чтение
    6. Ужин
    7. Чтение
    8. Поскролить пару сайтов
    9. Сон

    Бывают дни, когда чтение полностью заменяется на решение задачек.
    Когда заканчиваю очередную книгу, то прохожу все карточки по предыдущей. Таким образом получается слияние знаний из нескольких сфер или дополнение новых к уже полученным.
    Все эти вещи индивидуальны ... Не вижу смысла тратить время на поиск литературы для обучения обучению. Это бред... Секрет такой: 100% свободного времени посвящать изучению чего-то нового и если чё-то надо, то берёшь и учишь/читаешь. Независимо от обстоятельств... Пока ты будешь этой хуйнёй оптимизаторско-мотиваторской заниматься и спрашивать как учиться/заниматься/пердеть, я очередные 100 стр в книге прочитаю)) Успехов)

    UPD.
    Ну если всё таки хочешь по-просирать время на изучение того, что в 99% потом применять не будешь, то есть книги:
    1. Классика:
      • Getting Things Done

    2. Какая-то чебуйхня:
      • Джош Вайцкин "Искусство учиться"

      Думал больше вспомню))
    Ответ написан
    2 комментария
  • Обязательно ли нужен html шаблон при разработке сайта?

    viktorvsk
    @viktorvsk
    Краткий ответ: что б вы не сделали, это все является html-шаблонами. Потому что в итоге все рендерится в html. Натягивать его куда-то сразу или нет, завист от поставленной задачи, целей и ресурсов. Например, если вы хотите сделать шаблон и выставить его на Envato, то нет ровно никакого смысла верстать его именно под друпал.

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

    Как происходит в реальном мире?
    У человека есть идея
    С ней он идет к бизнес-аналитику. Тот, в свою очередь, указывает на базовые ошибки, недочеты, формирует какую-то общую картину продукта
    Потом он знакомит человека-заказчика с архитектором. На своем языке аналитик объясняет архитектору задачу. Архитектор решает, какой стек технологий лучше всего применить в данном случае.
    Далее архитектор идет к проектному менеджеру и ставить уже конкретные задачи.
    Менеджер распределяет и доводит задачи до разработчиков и идет на поиски дизайнеров и юзабилистов, которые решают, зачастую уже с заказчиком, как будет выглядеть интерфейс.
    После чего результат работы дизайнеров и юзабилистов передается верстальщикам, что бы он мог воплотить их реализацию в машинное представление.
    После этого верстальщик отдает html в руки front-end разработчика, который в простейшем случае подключает плагины jquery, в сложном - делает SPA.
    Ну, а дальше, по крайней мере сегодня, завист от того, толтый клиент или тонкий. Если сделана SPA, то господа backend'erы могут ограничиться документацией API. А если рендер идет в основном на сервере - то будут "натягивать" результат работы фронтендера на свой движок.
    А после этого в игру может вступить (а может и раньше, для поднятия тестового\стейджинг окружения) - администратор для деплоя на серверы. Или даже группа оных, модно именуемых сегодня - DevOps

    К чему так много писанины? К тому, что б понять, как примерно выглядит идеальный процесс. Конечно, все описано очень абстрактно, какие-то з венья могут дублироваться, могут дробиться на более узкоспециализирвоанные и т.д., но в общем случае часто выглядеть должно как-то так. Хорошо о процессе расписано у Ф. Брукса (например, Мифический человекомесяц).

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

    Мораль: спрашивается, если это все может сделать 1 человек, то зачем городить целый хор разных чуваков, называть их модными словечками и настолько сильно обкрадывать карман заказчика?
    Все дело в том, какие цели и ресурсы. И когда за "серьезность" решения хочется заплатить - вначале, или уже в хайлоад-продакшене (уже много модных словечек употребили).
    И на самом деле, на перспективных проектах, получается так, что цена ошибки с каждой "роли" по нисходящей - увеличивается. Например, если вы выловили ошибку на уровне общения с бизнес-аналитиком - это дешевле, чем выловить ее в процессе продумывания архитектором решения. А поймать ошибку при отрисовке дизайна - дешевле, чем во время натягивании очередной фичи бекендерами.

    Вывод: всегда исходить из задачи, целей и ресурсов. Знание html нужно в любом случае, backender вы или frontender. А сверстанный голый статический html имеет гораздо более высокий показатель переиспользования, чем шаблон друпала.
    Ответ написан
    Комментировать
  • Как правильно учить Javascript?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Вы наверное слышали, что каждый уважающий себя программист обязан написать несколько велосипедов? И JavaScript-программисты тоже так делают и еще как! Так вот в этом нет ничего плохого, это отличное самообучение.

    Для начала заходите на любой каталог плагинов для JavaScript или jQuery. Находите интересный, не очень сложный на вид плагинчик (например карусель, лайтбокс, слайдер и т.п.) и пытаетесь сделать похожий, только лучше. Поначалу будет выходить черти что, но, это будет уже реальная задача, где вы начнете сталкиваться с реальными особенностями языка. Вот тут то знания и начнут обретать какую-то структуру у вас в голове.

    Не пытайтесь брать сразу сложные вещи, начинайте с малого. Как заметили выше, не смотрите пока что на очень сложные книжки, их читать сейчас почти бесполезно.
    Ответ написан
    6 комментариев