Git Product home page Git Product logo

frontend-help's Introduction

Набор полезных ссылок для начинающих фронтендеров

Хочу кинуть вам несколько супер полезных и интересных ссылок, чтобы вам было что читать и дать несколько полезных советов

REST API + CRUD

Эти вещи используются повсеместно в веб разработке и в нашем проекте они тоже будут нужны. Про рест лучше читать не на русской википедии - там откровенно говоря, не статья, а фигня. Есть много статей на хабре и в интернете вообще. Есть так же и видео на ютубе. Чтобы вы поняли, рест - это просто некоторый подход к проектированию АПИ. Совместно с CRUD, например, эта методология позволяет ответить на вопрос, какой запрос нужно выполнить, чтобы изменить логин у пользователя с идентификатором id78238479? Правильный ответ

PATCH /api/users/id78238479
{ "login": "JonSnow" }

и фишка в том, что посмотрев на этот запрос, почти каждый разработчик ответит, что этот запрос сделает.

BEM

Это методология разработки HTML-компонентов. Нам, в частности, понадобится т.н. bem-naming - т.е. именование css-селекторов. Есть официальный сайт яндекса и тоже много всяких статей на хабре. Сразу настраиваю вас отказаться от использования каких-либо библиотек стилей, хотелось бы, чтобы вы сделали дизайн самостоятельно))

CSS

Подучите css. В настоящее время с помощью css можно делать просто умопомрачительные вещи. Посмотрите на такие свойства и возможности, как

  • css transitions
  • keyframes
  • css custom propetries
  • css трансформации
  • css фильтры

Поищите в инете всякие сайты, где выкладывают подборки ресурсов для фронтендеров. Например эта группа содержит много ссылок на различные css-эффекты.

SASS

Тру фронтендеры не пишут чистый css, а используют для этого препроцессоры, less, sass, или даже постпроцессоры (postcss). Нам будет достаточно научиться SASS'у (удобнее имхо использовать его разновидность - SCSS).

git

Нужен и нам и вообще

githowto.com - потратьте час и пройдите его. Очень полезно вам будет.

JavaScript

Вот мы и добрались до самого интересного. Ваши постоянные друзья:

хрестоматия js - советую до первого РК прочитать всё, начиная с введения, и заканчивая главой "Методы объектов и контекст вызова". Это всё вам понадобится уже на первом РК

тоже очень полезный сайт, в котором объяснено не только, как работают те или иные методы в js, но и рассказано про почти все браузерные api. Именно на этом сайте можно посмотреть что вообще умеют браузеры и как использовать те или иные возможности

скринкаст по Node.JS - первые 9 видео обязательны к просмотру. Остальные - по желанию, но вам они будут и полезны и интересны, я уверен. Тем более это не очень много времени у вас отнимет

очень крутой сайт. На нём есть масса статей, так или иначе связанных с вебом. Много статей про js, как высокого уровня сложности, так и достаточно простых. Вообще отличный ресурс, например эта статья

суперская статья про типы данных в js - обязательно к прочтению. Ну и вообще интересный сайт.

вот это дело вы будете использовать постоянно) советую запомнить

И ещё немного ссылок:

frontend-help's People

Contributors

kopte3 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.