Виды компонентов в React.js

React. Виды компонентов в React.js

Рубрикиjunior JS Front-end ReactJS
3 712

Приветствую тебя! Сегодня мы поговорим на такую тему как компоненты в react.js. Какие виды компонентов бывают и где мы их можем использовать.

Функциональный компонент (stateless component)

Компонент бывают простыми и сложными. Для написания простоватого (чистого) компонента нам потребуется объявить его функцией. Читать далее «React. Виды компонентов в React.js»

0
Web уроки простыми словами. WEB TRICKS MASTER Git — ветвление в git на простых примерах

Git — ветвление в git на простых примерах

29 794

Всем доброго времени суток. Сегодня мы продолжаем тема работы с git. Давайте рассмотрим такую часто встречающуюся задачу на практике как работа с ветками.

Для чего нам вообще нужны ветки? Часто задачи над которыми вы работаете несут характер дополнительных ответвлений от начального продукта. Например мы ‘’пилим» приложение которое обрабатывает заявки в интернет магазине. Основной функционал уже написан и тут заказчик просит внедрить новый функционал, но еще не известно будет ли он в итоге выливаться в продакшен. Именно для этого нам и нудны дополнительные ветки. Мы можем продолжать работу в основной ветки ( по умолчанию эту ветку называют master ) и при необходимости работать в отдельной ветки и мержеть правки в основную. Читать далее «Git — ветвление в git на простых примерах»

0
git быстрый старт

Git быстрый старт. Работа с github

1 649

Всем привет. Бывало такое что ты долго работал над проектом, все шло хорошо, а затем ты делал ошибку и не как ни мог ее поправить?  Именно для этого самые умные программисты и стали разрабатывать системы контроля версий. Чтобы можно было легко вернуться на место твоего последнего коммита. Сегодня я хочу поговорить о такой СКВ как git, детищем Линуса Торвальдса.

Читать далее «Git быстрый старт. Работа с github»

0
Создание нашего первого React приложения

React.js для junior

Рубрикиjunior JS Front-end ReactJS
1 072

Создание нашего первого React приложения.

Всем привет. Это вводная статья по работе с библиотекой React.js. Для того что бы начать писать свой проект нужно подготовить соотвествующие окружение. Есть несколько способов сделать это.

1. Скачать отдельно библиотеку react и react-dom а также транспиллер babel для es6 с репозитория на githube

2. Воспользоваться create-react-app

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

Читать далее «React.js для junior»

0
Создание слайдера фотографий на чистом javascript

Создание слайдера фотографий на чистом javascript

6 512

Всем привет. С вами Corvax. Сегодня я вам покажу как легко можно создать совой слайдер галереи фотографий на чистом javascript. Приступим.

В начале нам нужно будет создать структуру проекта. Вот пример:

структура слайдера

Читать далее «Создание слайдера фотографий на чистом javascript»

1+

Быстрое создание «гамбургер» меню на jQuery

15 448

Всем привет. С вами Corvax. Сегодня я хочу продолжить тему мобильных меню и предложить вам сделать тоже меню но только используя jQuery. Поехали.

Создание HTML макета



		<nav>
            <div class="wrapper">
             <div class="menuToggle">Меню</div>
            <ul class="menu clearfix">
                <li><a href="#">Главная</a></li>
                <li><a href="#">Страница1</a></li>
                <li><a href="#">Страница2</a></li>
                <li><a href="#">Страница3</a></li>
                <li><a href="#">О нас</a></li>
            </ul>
           </div>
        </nav>
        <section class="b-content">
            <div class="wrapper">
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis 
				 autem consequatur eum facere neque. Tenetur laboriosam 
				 repellendus neque fuga, velit, totam, est, aspernatur 
				 sunt sapiente earum quo beatae. Fuga, officia.
             </div>
         </section> 
		 

Читать далее «Быстрое создание «гамбургер» меню на jQuery»

1+
Создание меню на чистом CSS

Создание меню на чистом CSS

8 028

Как сделать меню для сайта на чистом CSS?

Всем привет. С вами Corvax. Частой задачей при разработки сайта или приложения является создание меню с целью лучшей навигации. Есть несколько путей решения этой задачи: либо с помощью CSS, либо с использованием JS. В данной статье я хочу показать вам путь решения этой задачи по средствам только одного CSS. Приступим.

Создание HTML макета

Для начала нам потребуется создать саму верстку по средам HTML тегов. Давайте же сделаем это.

Читать далее «Создание меню на чистом CSS»

0
БЭМ для верстальщиков. С чего начать?

БЭМ для верстальщиков. С чего начать?

РубрикиFront-end BEM
3 798

Всем привет. С вами Corvax. Все чаще в вакансиях сейчас можно увидеть обязательное требование —  умение верстка про БЕМ (BEM). БЭМ на сегодняшний день  это современная дефакто модульной разработки проектов признанное во всем мире (если ваш проект подразумевает масштабируемость). Давайте разберем, что же такое БЭМ, из каких полезных фич и компонентов он состоит и как максимально быстро можно начать им пользоваться.

БЭМ

Процитирую Википедию: «БЭМ (Блок-Элемент-Модификатор) — методология web-разработки, а также набор интерфейсных библиотек, фреймворков и вспомогательных инструментов.»

Как показывает практика, сейчас широко используется так называемый “нейминг” БЭМ. Определенное наименование классов по принципу: блок, элемент, модификатор.

Читать далее «БЭМ для верстальщиков. С чего начать?»

0
Javascript #1 — Введение

Javascript #1 — Введение

РубрикиYouTube JS Front-end
550

Всем привет! C вами Corvax. Сегодня, специально для вас я решил записать серию уроков по JavaScript. В данном вводном уроке мы поговорим о том что же такое javascript, где его можно применять, и напишем тот самый классический пример «Hello World» на js. Приятного просмотра!

Тут видос по этой теме :

0
Шпаргалка по командам Linux

Шпаргалка по командам Linux

РубрикиLinux
2 548

Всем привет. С вами Corvax. Сегодня я подговорил список (шпаргалку) по командам Linux. Очень удобная вещь если вы постоянно работаете с консолью. Все команды рассортированы по категориям их применения. Поехали.

Работа с файлами

ls – список файлов и каталогов
ls -al – форматированный список со скрытыми каталогами и файлами
cd dir – сменить директорию на dir
cd – сменить на домашний каталог
pwd – показать текущий каталог
mkdir dir – создать каталог dir
rm file – удалить file
rm -r dir – удалить каталог dir
rm -f file – удалить форсированно file Читать далее «Шпаргалка по командам Linux»

0