IT Верстальщик

2022-06-01 13:36:26 Открыть/Комментировать

2022-06-01 13:36:20 Открыть/Комментировать

2022-05-29 10:22:49 ​​Зачем нужен React.js, если есть HTML, JavaScript и CSS

Никаких огородов. React.js — это всего лишь способ в удобном виде представить код JavaScript и HTML, сделать его повторяемым и наглядным. Компоненты React.js пишут на особом языке — JSX, который выглядит как смесь JavaScript и HTML. 

Код JSX довольно наглядный, и, кстати, то, что похоже на HTML, — вовсе не HTML :) Звучит галлюциногенно, но это просто синтаксис JSX.
Браузеру понимать JSX не нужно — код React.js транслируется в JavaScript, с которым знаком любой уважающий себя браузер. Для этого написанное на React.js приложение прогоняют, например, через Babel — специальную программу-транспайлер, которая переводит разные представления (то есть языки вроде JSX) в JavaScript-код.

В итоге React.js помогает сэкономить время, делает код более понятным и структурированным, даёт возможность переиспользовать большие блоки. Всё это помогает значительно снизить стоимость разработки, поддержки, обновления и отладки приложений, а также делать их значительно быстрее. К тому же, зная JavaScript и HTML, выучить его достаточно просто — для основ хватит нескольких дней. React.js эффективен только на проектах с большим числом динамических страниц. Делать на React.js сайт-визитку — это перебор. Открыть/Комментировать

2022-05-27 20:59:16 Каждый фронтендер когда-то был джуном, который уронил прод

Чтобы стать лучше, зарабатывать больше и брать проекты интереснее, приходится непрерывно получать опыт, учась на собственных ошибках.

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

Всё что нужно: roadmap по фронтенд-разработке, 14 обновляемых скиллов разного уровня и сложные практические задачи. Попробуйте сами: https://tml.io/pbfg3 Открыть/Комментировать

2022-05-27 09:59:00 ​​Подборка книг по Node.js

Node.js в действии. Алекс Янг, Майк Кантелон
Учитывая тесное взаимодействие с объектами командной строки, в книгу внесены разделы, которые описывают эти два параметра: технологию Node js и Electron.

Node.js. Разработка серверных веб-приложений на JavaScript. Хэррон Дэвид
Книга научит программистов создавать приложения при помощи Node JS. В ней рассказывается, как использовать серверные и клиентские объекты HTTP, Express и как организовывать работы баз данных на MongoDB и SQL.

Изучаем Node. Переходим на сторону сервера. Шелли Пауэрс
Изучение книги начинается с изучения основ веб-разработки и ее базовых функций. Затем переходит к модулям , REPL. В ней описаны такие разделы:

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

Стек MEAN. Mongo, Express, Angular, Node. Саймон Холмс
В книгу вложены все знания по платформе, которая является сильным, но в то же время простым и экономичным инструментом для программистов и самого бизнеса.

Разработка веб-приложений с помощью Node.js, MongoDB и Angular. Дейли Брэд, Дейли Брендан, Калеб Дейли
В обновленном издании сначала даются сведения о трех направлениях по отдельности, потом рассказывается, как программистам интегрировать все три инструмента соединив в общую систему, которая дает возможность создавать качественные рабочие решения. Открыть/Комментировать

2022-05-25 12:03:01 Всем привет!

Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама. 

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям.

@MasterHuBot Открыть/Комментировать

2022-05-25 09:01:30 ​​Как сделать одинаковые Swiper Slider'ы на странице?

document.querySelectorAll('.container').forEach(n => {
const slider = new Swiper(n.querySelector('.product-slider'), {
navigation: {
nextEl: n.querySelector('.swiper-button-next'),
prevEl: n.querySelector('.swiper-button-prev'),
},
spaceBetween: 10,
});

const thumbs = new Swiper(n.querySelector('.product-thumbs'), {
spaceBetween: 5,
centeredSlides: true,
slidesPerView: 4,
touchRatio: 0.2,
slideToClickedSlide: true,
direction: 'vertical',
});

slider.controller.control = thumbs;
thumbs.controller.control = slider;
}); Открыть/Комментировать

2022-05-23 10:02:47 Школа программирования Хекслет объявляет набор на Спринт-курс по погружению во frontend-разработку для начинающих. 

Даём только мясную и прикладную информацию. Никакой воды и траты вашего времени. По окончании 14-дневного курса вы уже владеете базовым знанием языка и даже напишете собственную программу!

Прямо сейчас переходите по ссылке ниже и бронируйте место, потому что мы стартуем уже 26 мая! Открыть/Комментировать

2022-05-20 17:05:22 ​​С чего и где начать обучение React, Redux?

ReactJS Program - Отличный сайт, React + хорошее Slack сообщество, где можно задать вопросы. Есть и бесплатные курсы.

https://reactjs.co/ — ReactJS Redux, the Right Way.
reactpatterns.com — React Patterns
https://github.com/brillout/awesome-react-components — Awesome list of react components

https://egghead.io/courses/getting-started-with-redux
https://egghead.io/courses/building-react-applicat... Открыть/Комментировать

2022-05-18 12:42:52 ​​Изучение TypeScript — Полное руководство для начинающих. Часть 1 — введение и примитивные типы данных

В последние несколько лет TypeScript обретает все большую популярность. Более того, на многих вакансиях от программистов требуется знание TypeScript.

Однако не стоит бояться - если вы уже знаете JavaScript, то вам не составит большого труда освоить TypeScript.

Даже если вы не планируете изучать TypeScript, знакомство с ним позволит вам глубже понять JavaScript и стать лучше, как разработчик.

https://habr.com/ru/post/663964/ Открыть/Комментировать