Ответы пользователя по тегу Фронтенд
  • Как повысить базовые знаний архитектуры?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Попробуй начать ходить по собесам в поисках дистанционных вакансий в своем стеке на позицию мидла. Как вариант даже лучше пойти в аутстафинговую компанию, там за пару лет можно пройти через несколько разных проектов и изнутри изучить и процессы, и архитектуру и вариации стека и пр. Параллельно можно читать книжки, смотреть ролики про архитектуру и далее развиваться в этом направлении.

    Оффлайн отходит на второй план, сейчас многие компании научились в онлайн, что вообще снимает вопрос о географии.

    На среднесрочную перспективу качай инглиш хотя бы до B2, тогда тебе откроется еще и зарубежный аутстафф с чуть более другими рейтами. :)
    Ответ написан
    Комментировать
  • Какие паттерны существуют для отрисовки ui?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Я как-то писал форму на 300 полей с конфигуратором, тоже всю структура в JSON бахнул, на каждый элемент шаблончик и скриптами собирал страницы.
    Ответ написан
    2 комментария
  • Где можно найти живой проект для практической работы?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Вот явился джентльмен с горы, уверяет, что осваивает несколько месяцев. В целом это хорошо.

    Какой у джентльмена уровень, в целом не понятно, но сразу хочется в проект. В целом для джентльмена это хорошо, а для проекта? Не факт.

    Коллеги рекомендуют опенсорс, в целом идея здравая, но, тут возможны два варианта. Либо джентльмен будет полезен для проекта, я бы на это поставил, скажем, 5% вероятность. Либо джентльмен будет отнимать время у разработчиков проекта всевозможными способами, на что я бы поставил 95% вероятности. Дело в том, что многие опенсор проекты держатся на энтузиазме авторов, и если авторы будут энтузиазм тратить на обучение джентльменов, не факт что проекты с этого выиграют...

    Что делать и как быть?

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

    А если нет и это самый первый опыт, то джентльмену слишком рано рваться в проекты и команды.

    По моему очень скромному опыту изучать фронтед можно очень по разному.

    Я бы, по классике, предложил джентльмену проследовать на кодварс (www.codewars.com/r/pj8ELg) и прорешать, скажем 100, а лучше 200 задачек. После этого можно будет со спокойной совестью говорить, что я кое-что знаю и умею в этом вашем программировании. Ключевое слово, опять же, кое-что.

    Многие гуру считают сие излишним, ниже собственного достоинства. Но я бы с ними категорически не согласился. Учиться программировать нужно на практике и весьма интенсивно (ключевое слово ИНТЕНСИВНО!). Именно тупо программировать, манипулировать данными посредством всевозможных алгоритмов, перед тем поняв суть задания и найдя варианты решения. Это универсальные, золотые, для разработчика навыки, которые иначе будут вырабатываться годами ценой тысяч ошибок, потерь чужого времени и прочих ресурсов (если таковой загремит на проект). А здесь за вас работает автоматика.

    Фронт и веб это хорошо, но сначала надо уметь просто программировать на чем угодно, хоть на калькуляторе.
    Ответ написан
    4 комментария
  • Есть ли хороший актуальный на 2019 год ресурс по react/redux?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Надо просто понять суть, понять как работают HOCи (компоненты высшего порядка) и проекция props. Если совсем коротко, то ридакс - это единый стор, который не позволяет менять данные напрямую, вместо этого нужно диспатчить экшены, которые пробрасываются в редьюсеры - чистые функции, задача которых на вход получить текущее состояние стора и экшен, произвести изменения, не затрагивая текущее состояние (иммутабельно) и вернуть новое состояние. Редьюсеры вызываются по цепочке, так же по цепочке вызываются и миддлвары, которые позволяют перехватывать экшены и, например, производить асинхронные действия, вроде запросов к API. Ну и напоследок любой компонент может подписаться на изменения в сторе посредством HOC connect из пакета react-redux.

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

    Ну и для облегчения жизни и увеличения производительности приложения надо еще понять reselect (мемоизированные селекторы) и прям чтобы совсем было весело immutable - иммутабельные структуры данных, которые на любой чих возвращают новую структуру с новой ссылкой, за счет чего любые изменения выявляются через банальное сравнение ссылки.

    reselect и immutable это как специи, позволяют существенно оптимизировать работу приложения, но на первых порах можно жить и без них.

    ЗЫ: Если найдешь меня в скайпе, можешь позадавать вопросы. :)
    Ответ написан
    Комментировать
  • Вопрос о новых веяниях и требованиях во фронтенде?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Прежде чем осваивать фреймворки/библиотеки да и прочие премудрости фронтенда настоятельно рекомендую прокачать алгоритмы и структуры данных путём зарешивания сотни-другой олимпиадных задачек по информатике, например на кодварс, иначе будешь мучаться.

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

    P.S.: из моего опыта наставничества - чуть не половина курсантов сливают первые несколько интенсивов по причине неумения реализовать базовые алгоритмы, остальная половина кодит не первый год и умеет это делать на других языках, и совсем редко встречаются юные, и не очень, дарования, которые с места в карьер...
    Ответ написан
    5 комментариев
  • Что скажете о данном коде? Каков мой уровень?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Качай алгоритмы и структуры данных. Не важно на каком языке ты пишешь, без этого в профессии делать нечего. Прорешай овер100500 задачек олимпиадных, выведи эти навыки на рефлексы и тогда будет тебе щасте, ибо всё остальное, чаще всего, нужно просто запомнить и привыкнуть.
    Ответ написан
    Комментировать
  • Профессия frontend HTML Academy стоит ли того?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Если у тебя слабая база и ты не можешь с ходу решать алгоритмические олимпиадные задачки, то в профессию тебе рано. Сам курс достаточно хорош, но из курсантов которых я вел большинство приходят не готовые и не тянут, и таким курс не поможет. Курс хорош если ты уверенно программируешь на другом языке но решил сменить стек, тогда от него будет польза.
    Ответ написан
  • Как начать использовать React js в своих проектах?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    React рендерится в заданный элемент, можно разные компоненты рендерить в разные элементы. Нужно отчетливо понимать, что у React совершенно другая концепция, нежели чем у jQuery.

    С jQuery ты, в основном, мутируешь DOM. С React ты конвертируешься пропсы и стейт в разметку. Поэтому требуется совершенно другой подход в разработке. В этом основная сложность.

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

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Друже, нынче web = JS, а JS = web. Есть сферы, безусловно, где WEB как-то обходится без JS. Есть сферы, где JS применяется не для WEB. Но, в общем и целом, WEB = JS. Безусловно это мой опыт, мои наблюдения, моё мнение.

    Так вот, через пару лет при упоминании ES5 народ будет крутить пальцем у виска, поэтому, я считаю, нужно всесторонне полноценно освоить ES6+, т.е. так называемый ES.NEXT

    Для этого, в частности, необходимо зарешать алгоритмических задачек часов эдак на тысчёнку-другую, для выработки программистских рефлексов, дабы кодить на автомате, не парясь по мелочам, концентрироваться на главном, не терять времени на элементарщине.

    Проскакивать этот этап нереально и бессмысленно.

    Велкам в кодеварс или любой другой аналогичный ресурс и фигак-фигак-фигак.

    Повторюсь, рефлекс образуется после 1000+ часов однообразной деятельности.

    Регнуться можно по ссылке www.codewars.com/r/pj8ELg
    Ответ написан
    2 комментария
  • Принцип взаимоотношений front & backend?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Если коротко, то в наши дни, по сути, бэк нужен для двух вещей - отдать статику для SEO, и отдавать данные по API (REST, GraphQL, и иже). Отдавать может как по AJAX (fetch, xhr, axios, ...) так и по вебсокетам.

    Фронт, в свою очередь, если SEO нужно, изоморфно рендерится беком (вебпак?), потом отдается и связывается на клиенте. Если SEO не нужно (закрытое SPA) то отдается минимальный бойлерплейт и весь UI генерится динамически, например React.

    Разработка вся удобная, модульная, собирается вебпаком в бандл.
    Ответ написан
    Комментировать
  • Экспресс обучение frontend разработке. Как подступиться?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Я бы зашел с другого края, CSS и HTML это все прекрасно, но это все не более чем способ описать интерфейс.

    PHP однозначно отстатвить в сторону, как и MySQL.

    Коли уж вознамерился стать фронтендером, то должен до глубины души осознать, что никакого фронтенда во второй половине 10-х годов 21-го века от Р.Х. без JavaScript, вернее даже Ecma Script 2015+ не будет.

    Таким образом, я настоятельно рекомендую прям вот вгрызаться в хитрости и нюансы JS, начиная с ES5, и походу пьесы добавляя нововведения, которые обязательно появятся. И практиковаться до умопомрачения в кодинге, например на том же codewars.com

    Обязательно для вдумчивого просмотра https://www.youtube.com/watch?v=Bv_5Zv5c-Ts

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

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

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

    Если английским не владеешь в достаточной мере, чтобы свободно читать и слушать материалы, рекомендую задуматься и осознать, что актуальных материалов в русском переводе раньше чем через 6+ месяцев редко можно отыскать. Если хочешь быть на гребне волны, базовое владение инглишем must have. Вот тут обсуждение этого вопроса Английский язык от профессионалов?
    Ответ написан
    Комментировать
  • Какой ЯП выбрать для фронтэнда?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Нынче на голом JS, как, в прочем, и на любом другом голом ЯП мало кто кодит, ибо долго, муторно и непродуктивно. Нынче фреймворки правят бал в разработке чего угодно на чем угодно.

    По части JS рекомендую обратить внимание на Ember.JS

    Очень высокий порог вхождения, но лучше пока ничего не придумали, ИМХО.
    Ответ написан
    Комментировать