Котаны, пиздец, ходил на собеседование в две компании:
1. 10/10, охуеный офис, охуенная атмосфера, фирма с филиалами в США, с деньгами там все в порядке на UI/iUX/dront-end-джуна.
Прислали задание, вроде бы легкое - страничку сверстать. Ну я сверстал вроде хорошо, отправил, пригласили на очное собеседование. Прошел кое-как, ну стремно было, страшно, все-таки в первый раз. И короче по итогам всего этого мне предложили стажироваться месяц бесплатно. а потом будут решать что со мной делать.
Нужно будет учить пыху.
2. Другая контора, тоже в принципе интересными задачами занимаются, ходил на должность HTML-версталы. Спрашивали платиновые вопросы про замыкание, прототипы, по верстке, по БЭМу. Сказали что нужно будет учить Джаву.
Ну ебаный ты в рот, неужели чистые верстаки/фронтенд, пусть даже и хорошие никому не всрались?
Куда идти-то блять, если возьмут во вторую? Больше работы в городе нет, нужны одни пыхари и веб-разрабы.
А вы мне тут столько тредов втирали, что человек-оркестр это плохо.
1. 10/10, охуеный офис, охуенная атмосфера, фирма с филиалами в США, с деньгами там все в порядке на UI/iUX/dront-end-джуна.
Прислали задание, вроде бы легкое - страничку сверстать. Ну я сверстал вроде хорошо, отправил, пригласили на очное собеседование. Прошел кое-как, ну стремно было, страшно, все-таки в первый раз. И короче по итогам всего этого мне предложили стажироваться месяц бесплатно. а потом будут решать что со мной делать.
Нужно будет учить пыху.
2. Другая контора, тоже в принципе интересными задачами занимаются, ходил на должность HTML-версталы. Спрашивали платиновые вопросы про замыкание, прототипы, по верстке, по БЭМу. Сказали что нужно будет учить Джаву.
Ну ебаный ты в рот, неужели чистые верстаки/фронтенд, пусть даже и хорошие никому не всрались?
Куда идти-то блять, если возьмут во вторую? Больше работы в городе нет, нужны одни пыхари и веб-разрабы.
А вы мне тут столько тредов втирали, что человек-оркестр это плохо.
В цивилизованном мире, как я знаю, идет вот такое разделение, а в провинции ищут подешевле и чтоб пахал за троих.
Я вот уже на переезд в Москву настраиваюсь, потому что здесь не то что двух вакансий, здесь вообще ничего нет. Ну или на удаленке работу буду искать.
Пацаны, не могу совладать с z index, что я делаю не так?
Я их и местами менял, все равно псевдоэлемент перекрывает.
Я их и местами менял, все равно псевдоэлемент перекрывает.
Что за прототипы?
Ну прототипы, епта, в ЖС есть такие. Я сам обосрался там с этим.
Помню что читал у Кантора, но не повторял перед собеседованием, потому что бегаю целыми днями с горящей жопой из универа чисалнули, надо искать работу, а тут еще и из общаги сразу поперли.
Еще ведь аноны недавно в тредах писали, что спрашивают постоянно, что такое замыкание. А я так сука и не понял, что это такое и нахуй это надо.
Но это же очень грустно все. Мне дико нравится верстать, а вот возиться с серверным программированием вообще не очень. А как вот так взять и уехать в ДС? Нужны деньги же, и довольно много, чтобы выжить там. А первое время никто не будет платить достаточно для этого.
Как ты себе представляешь понаех в ДС мухосранскому анону без опыта работы?
Бамп вопросу.
Хуево представляю, подбиваю друга кооперироваться для снижения фин.нагрузки.
Просто я по всем этим тредам понял, что жизнь есть только в ДС/ДС2, в остальных городах с вакансиями вообще ультрахуево. Да и неадекват какой-то. Фуллстэка они себе хотят с этим пхп.
Я бы вообще учить его не стал, мне только фронт интересен, а как учить то, что не интересно? Результат все равно будет хуевый.
Дал -1 индекс бефору и все норм, почему так, я нихуя не понял.
>я по всем этим тредам понял, что жизнь есть только в ДС/ДС2, в остальных городах с вакансиями вообще ультрахуево
Хотел бы я тоже это понять, прежде чем надеяться в своих пердях выбиться в люди.
Что посоветуете-то, посоны? Варианты получается такие:
1. Идти стажироваться за еду туда, куда берут, въебывать там изо всех сил, авось возьмут к себе на подсос.
2. Учить пыху еще n ьесяцев, в это время каким-то чудом не забыть верстку и JS и не сдохнуть от голода/не сойти с ума от жизни с родителями.
3. Радикально - переехать без нихуя в ДС/ДС2, потенциальным бомжом, так сказать.
4. Забить на всю эту хуйню, идти на фл.ру и верстать лендосы на джикюери и бутсрапе по 500рублей/макет, спиться и повеситься лет в 30.
5. Восстановиться, получить вышку, ебашить бесползеным планктоном/учителем/сидеть у мамки на шее.
6. Выпилиться нахуй.
Пока склоняюсь к варианту №6, самый адекватный, по-моему.
Да, 6 вариант хороший, думаю многие его держат в памяти.
7. Копить деньги на фл.ру по 500р./ за макет. Понаехать в ДС полубомжом, думаю месяца на поиск работы/стажировки за глаза.
А кто там возьмет версталой хуя даже за 500р?
И сколько ты будешь копить эти деньги? Предположим ты просто дикий топ-верстала и можешь в день по два макета отверстывать.
Предположим также (сферическая идеализация в вакууме), что все заки будут адекватные, никто не будет ебать мозг, не будут наебывать, платить будут во время и требования предъявлять адекватные.
Предположим также, что ты сидишь у мамки на шее и она не против.
Тогда ты скопишь за 3 месяца 100к. Ок, но как ты собраешься понаехать в ДС без работы, опыта, связей, каких-нибудь хотя бы родственников дальних, у которых можно проебаться, пока ищешь квартиру?
Это какой-то очень гипотетический и слабо реализуемый вариант, имхо.
Привет, ребят. Смотрю заказы на биржах всяких фрилансерских и понимаю, что я могу все это сверстать, но такой вопрос: нужно только сверстать и отправить заказчику html, css,js и прочие файлы? Или надо домены регать и прочая лабуда. Как отдавать заказы? Что делать надо кроме самой верстки (и скриптов)?
Ты можешь заливать на домен готовый вариант и показывать заказчику, если все норм, он пересылает половину платы, отправляешь файлы - он отправляет вторую половину. А то могут наебывать
Понял. Гитхабом же можно в целях показать пользоваться?
Я сначала его тоже написал через "или", но если заказчик шарит, то может перейти в репозиторий и скачать, но это уже такое, вдруг у тебя все будет збс и это лишняя параноя.
Понял, спасибо.
Эх, опять нет фотки Будапешта. Или Бангока.
А как на домен сайт вешать кстати? Просто регаешь его и заливаешь туда файлы и все?
как в вебшторме сасс файл подключить к ксс файлу?
Если заказчик шарит, то он может весь сайт вытянуть, как только откроет его в своём браузере.
Да, там типа файлменеджер, иногда он может быть ебанным.
https://www.zzz.com.ua/ru
Можешь попробовать тут, например
Продолжаю ныть, можете начинать меня хуесосить.
Кто-то вообще ИТТ работает чистым версталой/фронтом?
Кто-то вообще ИТТ работает чистым версталой/фронтом?
Да, создатель первых тредов, такойтодень-работает-кун, каждый день тут отписует.
Спасибо, сейчас попробую.
Пацаны а где искать симпатичные шаблоны на бутстрап, что бы и себе перепиздить один?
фронт
Angular/React-Redux, все дела.
Принес вам годноты, забирайте в шапку при следующем перекате
https://github.com/psr1919plus21/Front-end-Developer-Interview-Questions
https://github.com/psr1919plus21/Front-end-Developer-Interview-Questions
>создатель первых тредов
Он еще сюда заглядывает, лол? Или он уже бог фронтэнда? Еще помню ходили слухи, что это сам Александр Першин, который парил таким образом хтмл академию.
ДС?
>ДС?
мухосранск
>Он еще сюда заглядывает
Иногда. Уже 105 или 120К получает, как-то так.
>Он еще сюда заглядывает, лол? Или он уже бог фронтэнда?
Это наш племенной тотем, дух-хранитель. Никто его не знает, но он оберегает нас.
Не забывай выставлять правильное позиционирование элементам, у которых задан з-индекс.
Нужна хелпа, есть галп таск spritesmith, на выходе получаю спрайт.пнг и scss файл с переменными.
Раз это переменные, то хочется добавлять их в специальный файл, где хранятся все переменные - _variables.scss. Проблема в том, что галп не способен просто дополнять файл кодом. Он просто начисто перезаписывает файл. Может есть встроенные галп методы или плагины, что бы решить эту проблему?
Не хочется мне создавать еще 1 файл и называть его spritevars.scss
Раз это переменные, то хочется добавлять их в специальный файл, где хранятся все переменные - _variables.scss. Проблема в том, что галп не способен просто дополнять файл кодом. Он просто начисто перезаписывает файл. Может есть встроенные галп методы или плагины, что бы решить эту проблему?
Не хочется мне создавать еще 1 файл и называть его spritevars.scss
>
перезаписывает файл, удаляя всё что было в этом файле до этого
на всякий случай фикс*
всем привет понравилась html academy только ребят посоветуйте бесплатный хостинг куда можно залить свой код и посмотреть на сайт взглядом посетителя
000webhost.
Xampp ставь, что такое/как юзать найдешь в гугле за 2 минуты. Суть: на локалхосте (своем компе) поднимаешь манясервер и тестишь что и как хочешь.
Хотя хуй знает, я в вебе 1й месяц
вариант как раз таки реализуемый, в ДС вообще можно понаехать с 20к на руках, если ещё и пару друзей с собой брать.
В итоге решил как-то не по канону, немного поменяв настройки сублайма (прописал 'atomic_save' = true, причём true обязательно должно быть без кавычек, иначе не работает). А так решение проблемы - либо установка задержки для таска воч, и как сделать эту задержку, я так и не догадался, либо переезд на ССД.
Заглянул на фл.ру, там что, все проекты только для владельцев про-аккаунтов?
Скидываешь все файлы своего ёба проекта в папку, открываешь html файл в браузере, профит.
Им тоже кушать хочется
Это понятно. И как мне, ноунейму, не готовому потратить 500 рублей на аккаунт, искать там заказы для портфолио?
Или может быть, есть биржи получше?
Топай на upwork.
Анон, поясни за вёрстку сетки по БЭМу. Как стоит её делать? Задаю блок page, а потом пилю для него элементы строк и колонок? Стилизацию колонок, например, фоны и границы стоит прописывать в grid.scss , или стоит выносить её в отдельный файл?
да хуй с этим сраным бэмом, жабаскрипт учи.
Согласен с тобой. Верстаю вот по БЭМу, времени отнимает намного больше, а профитов никаких.
Да Яндекс вообще ничего годного за все время не сделали. Пидораший недогугл, епт. Хотя для рашки сойдет конечно.
Ты неправ. Яндекс маркет, яндекс карты - весьма годны. Раньше ещё и браузер их был весьма неплох.
Кстати, возник вопрос - как перекрасить svg - картинку, не вставляя её в html-документ как кусок кода? Продолжил верстать в седону, там все иконки даны в чёрном цвете.
Если пишешь css с препроцессорами, то помогает.
Открой иконку в текстовом редакторе там должно быть свойство fill
Уже полгода работаю фронтенд-макакой.
Вылез из этого треда. Так что всем сап.
На собеседе попросили сверстать адаптивно В РУЧНУЮ. Сука.
Я тут на ангулярах пишу приложения по статистике, ессно бутстрапом вьюхи пишу.
АДАПТИВНО В РУЧНУЮ.
Так вот, может кто дать материал краткий, как руками верстать адаптивно?
Млжете просто кратенько прямо тут написать как вы делаете.
Вылез из этого треда. Так что всем сап.
На собеседе попросили сверстать адаптивно В РУЧНУЮ. Сука.
Я тут на ангулярах пишу приложения по статистике, ессно бутстрапом вьюхи пишу.
АДАПТИВНО В РУЧНУЮ.
Так вот, может кто дать материал краткий, как руками верстать адаптивно?
Млжете просто кратенько прямо тут написать как вы делаете.
Ручной адаптив самый лучший. В чём твой бугурт?
Сверстал несколько крупных сайтов в адаптиве без бутстрапа. Задавай свои вопросы.
Если вкратце, внимательно изучаешь все макеты. Планируешь движение блоков, максимально разбиваешь сетку на блоки, делаешь всё на процентах. На самом деле гораздо проще, чем кажется.
открою вам секрет - сраная верстка до пизды всем вообще. это унылая, механическая, обезьянья работа, от которой люди тупеют. вся эта версткохуйня - бэмы, хуемы, препроцессоры, галпы-хуялпы, постцссы все эти хуевы - куча ебанины только для того, чтобы сраные аутисты себя совсем уж слюнявыми даунятами себя не чувствовали. мол, зацените, технологии у нас, ниибацца.
Как же скучно сишникам на работе. Сразу видно - творческим трудом занимаются!
на пике - типичный верстальщик двигает паддинги по бэму.
Вот поэтому ты, рюзке свинья, и сидишь тут. Потому что считаешь что над ДЦП-детьми смеяться - это норм.
Господи, сохрани швятую Европу от этих варваров...
>Вот поэтому ты, рюзке свинья, и сидишь тут
>Потому что считаешь что над ДЦП-детьми смеяться - это норм
логика 80 лвл блять.
алсо над верстаками смеяться куда больший грех на самом деле.
Любая группа людей имеет право на существование - получаешь зп в евро и живешь в норм стране.
Смеешься над ДЦП-детьми - получаешь зп бумагой и живешь в стране, где скоро будут на шконку отправлять за хентай на ссд.
Try to learn
блин, верстаю седону и аж трясёт - так всё скучно и далеко от моей настоящей мечты - геймдева. Говнокодно всё делать просто, а вот прописывать всё в переменные, использовать методологии, делать ретинизацию, кидать правила в разные файлы - тоже не особо сложно, но долго и муторно, просто бесит. Я тут один такой, или многие с этим сталкивались?
А как геймдев и верстка пересекаются?
Во-первых, в браузере при её помощи без всяких юнити, флешей и канвас-движков можно сделать годный клиент, во-вторых, это сфера с самым низким порогом вхождения, тем более, начальные знания вёрстки у меня были уже давно.
Анон, поясни что за херота. Сделал лого, которое в виде текста в основном. 250х60 пикселей. Сохранил в пнг. На десктопе выглядит норм, на мобильных - размыленное говно. Пробовал умеличивать в два раза разрешение самой картинки, а уменьшать через цсс - все равно все также. Не понимаю из-за чего.
> Отличное знание JS, фреймворки, PHP, Mysql
Блядь, ладно, я знаю пхп, учил его до того, как перекатился к вам, но я не хочу этой парашей заниматься, ебал я в рот этот пэхапэ, я фронтенд хочу. А ведь таких вакансий - 90%.
Блядь, ладно, я знаю пхп, учил его до того, как перекатился к вам, но я не хочу этой парашей заниматься, ебал я в рот этот пэхапэ, я фронтенд хочу. А ведь таких вакансий - 90%.
Гит хаб
низкий порог вхождения? Обоснуй! Там так-то тоже надо изучать языки программирования.
Я не говорю о продвинутых фронт-енд спецах, я говорю об обыкновенных верстальщиках. Освоить вёрстку, бутстрап и жквери можно гораздо быстрее, чем пхп и какую-нибудь cms на должном уровне.
>Освоить вёрстку, бутстрап и жквери
Мы вам перезвоним
Кто-нибудь учился на freecodecamp?стоит на него тратить время?
Для версталы лендингов этого вполне достаточно, к тому же, лендинги количественно - наибольшая часть рынка фронт-енда.
Мы тут подумали и решили. Мы не нуждаемся в ваших услугах. Всего доброго. Также попросим вас не беспокоить нас больше.
Слышь, клоун, накидай еще медведей, а то чот этот лысик меня не вставляет.
Бамп вопросу.
Прошел там разделы, посвященные бутстрапу, жиквери и жаваскрипту+интермедиате алгоритм скриптинг. Как дополнение к кантору+каким-нибудь курсам какой-нибудь кокодемии вполне норм. В качестве самодостаточного материала - не норм, очень поверхностно.
Что за кантор?
learn.javascript.ru
> Что за кантор
Мы вам перевозним.
Медведи где?
>ты можешь заливать на домен готовый вариант
Он качает верстку wgetом и шлет тебя нахуй
пит буль
Накуй лендинги верстать? Есть до пизды всяких сервисов типа lpgenerator
Рассчитываю на вашу помощь, няши.
Ситуация такая: https://jsfiddle.net/6opd3oqn/11/
Есть враппер с ограничением по максимальной ширине.
Внутри:
- сайдбар с float: left и фиксированной шириной;
- главный контент с float: right и шириной в %;
- и должно быть навигационное меню (или хедер) с position: fixed и шириной в точности как у главного контента.
Последнее и является для меня проблемой, т.к. position: fixed в отличие от absolute расчитывает свои размеры в % относительно вьюпорта, а не относительно relative-ного элемента. Все это должно быть респонсив.
Вопрос: как это сделать?
Ситуация такая: https://jsfiddle.net/6opd3oqn/11/
Есть враппер с ограничением по максимальной ширине.
Внутри:
- сайдбар с float: left и фиксированной шириной;
- главный контент с float: right и шириной в %;
- и должно быть навигационное меню (или хедер) с position: fixed и шириной в точности как у главного контента.
Последнее и является для меня проблемой, т.к. position: fixed в отличие от absolute расчитывает свои размеры в % относительно вьюпорта, а не относительно relative-ного элемента. Все это должно быть респонсив.
Вопрос: как это сделать?
На JS (берем оффсет родителя, фигачим его в оффсет фикси, ну или наоборот). Думаю даже, что есть готовые жиквери плагины.
А на CSS организовать такое можно? Допускаю изменение концепции.
Тебе нужно, чтобы фиксированный блок подстраивался под ширину адаптивного враппера, я честно не представляю, как это сделать CSS-only. Может кто-нибудь другой подскажет.
Подскажите, что надо написать. Сделал в папке с проектом файл "file.js". Указал его в index.html, но gulp не видит его. Что нужно дописать в таске, чтобы он его стал видеть?
У кого-нибудь есть аккаунт htmlacademy на котором ещё подписка не закончилась и кто может поделиться? Бесплатные курсы все прошел. Или тут с такими просьбами сразу нахуй посылают?
Поменяю на стимовский аккаунт с GTA 5.
может так https://jsfiddle.net/6opd3oqn/12/
типичный завсегдатая воркача
Чет не понял я твоего замысла.
А вообще можно тупо через медиа-запросы изменять ширину фикседа, лол. Под основные вьюпорты, например. Но это как-то черезчур костыльно.
обертку .menu сделал и ее позиционировал вместо .fixed-heading. может не так понял, что тебе в итоге надо получить
внутри фиксированного хедера можно сымитировать такой же враппер, а внутри такое же меню, потом ебучими костылями замаскировать палево, там, чтобы цвет был одинаковый, и т. д, там уж по ситуации. если у тебя one two three не должны вылезать за эти 60%, то проканает наверн.
https://jsfiddle.net/6opd3oqn/14/
Парни а есть что-то простое такое как универсальный такой css шаблончик для всяких тегов типа <table> не расписаный на id, class'ы - просто такая вот фигня что налепил и больше глаза не режет вид того кода, что бы к бекенду лепишь
У тебя на сайте нет поддержки ретины, поэтому размылено на ретина-дисплеях.
Еще нашел http://getskeleton.com/ , оно даже аскетичнее будет
Я правильно понимаю что это и есть эдакий пре-сет для того что бы все симпатично было, но без необходимости даже заглядывать толком в CSS/jquery?
да
Супер, спасибо
Мне надо же фиксед меню позиционировать, а не обертку.
>пре-сет
Это называется фреймворк.
Вроде оно, спасибо анончик. Пикрелейтед по традиции.
Ребятки, а где знания-то свои проверить-то? ну вот верстаю я макеты, верстаю, а дальше-то как продвигаться?
Адаптивы, эсвогэ, ретина, вот это вот все? Ну, ныряй в JS, снова почувствуешь себя дауном. А вообще хер знает, какая-то пучина, вроде что-то освоил, ХУЯК - оказывается, что еще в два раза больше инфы надо освоить. Надо было идти на завод, короче.
Анончик, есть такой редактор, типа как в хтмлакадеми, пишешь разметку страницы и css, а в соседнем окошке сразу отображается, как это будет выглядеть?
лайв-релоад и 2 монитора тебе в помощь
На апворке вроде тесты есть, можно попробовать пройти, проверить себя.
Ну и вот еще: http://htmlbook.ru/test
>не всегда хватает денег на пожрат
>2 монитора
Найс троллишь.
У меня знакомый недавно отдал моник за 2 банки пива. Поищи на барахолках, многие даром отдадут старую ЭЛТшку или даже ТНку.
если ты с Новосибирска, могу подогнать старенький моник 1280х1024, он даже не слишком пузатый.
А песочницы тебя не устраивают?
jsfiddle.net
codepen.io
Варианта проще нет? У меня говняный ноут с интегрированной видеокартой, сомневаюсь, что к ней можно подцепить второй монитор.
VGA/DVI/HDMI разъемы если есть - можно.
Пиздец, как ты на нем что-то умудряешься еще программировать? Мне моего 27" монитора не хватает порой, и альттабиться раздражает.
Дак я не программирую, а учу верстку.
Да я имею в виду где как бы на практике это всё попробовать. А то я верстаю макеты верстаю и всё в никуда. Может там дадите задание какое? потому что фрилансить идти я боюсь.
Не бойся, тебя никто не отпиздит.
Да я про то что не смогу выполнить заказ.
Даже за это тебя никто не отпиздит.
Бля ну я хз ((((
А даже если отпиздят слегка - не убьют ведь и не изнасилуют.
скинешь свою вёртску анонам из треда, они за небольшую плату поправят.
Посоны, объясните простыми и понятными словами, чтотут требуется сделать.
https://github.com/FrontendSimf20016/badges
https://github.com/FrontendSimf20016/badges
А как тогда? Через демонстрацию экрана в скайпе?
Фронтаны, подскажите.
Есть текстовый инпут и кнопочка, по нажатию на которую отправляются введенные данные. Хочу, чтобы если в инпуте не было ничего, или только пробелы - кнопочка блочилась, а если после этого что-нибудь туда ввести - кнопочка разблочилась. Гуглил, нашел сотню индусского кода и советы использовать готовые плагины, нихрена не понял. Пока просто делаю return функции. Ах да, делаю на жиквери тренировки ради, но можно и на ванилле, я переделаю в жиквери. Не могу тупо понять, как это сделать вообще.
Пример кода: http://codepen.io/anon/pen/OXMYpo
Есть текстовый инпут и кнопочка, по нажатию на которую отправляются введенные данные. Хочу, чтобы если в инпуте не было ничего, или только пробелы - кнопочка блочилась, а если после этого что-нибудь туда ввести - кнопочка разблочилась. Гуглил, нашел сотню индусского кода и советы использовать готовые плагины, нихрена не понял. Пока просто делаю return функции. Ах да, делаю на жиквери тренировки ради, но можно и на ванилле, я переделаю в жиквери. Не могу тупо понять, как это сделать вообще.
Пример кода: http://codepen.io/anon/pen/OXMYpo
На инпут событие повешай типа keyup или еще что-нибудь подобное и каждый раз проверяй удовлетворяет ли введенное твоим условиям. Ну и в зависимости от результата блочь или разблочь.
Проблема в том, что оно дизейблит нормально, а потом не раздизейбливает. Т.е. я жму "отправить" с пустой строкой или кучей пробелов - кнопочка дизейблится. Потом...
Блин, пока печатал, до меня дошло, что нужно сделать, спасибо, тред!
Так ты не на сабмит вешай, говорю же.
Надеюсь действительно понял.
Нахуя, если есть input:valid?
А с пробелами что?
я на люмии 720п проверял.
А паттерн тебе зачем?
На сафари не работает как надо. А на него хуй ложить нельзя, слишком большой % пользователей.
Какая же параша этот эппл иногда.
И не говори.
На сафари проблема только с отправкой невалидных полей. Но если ты делаешь кнопку отправки дисейблд при условии невалидного заполнения - то тебе похуй.
класть
Рыбята, в чем проблема?
control.addEventListener("click", sliderTrigger() {
});
парсер на эту строку пишет Uncaught SyntaxError: missing ) after argument list
чяднт?
control.addEventListener("click", sliderTrigger() {
});
парсер на эту строку пишет Uncaught SyntaxError: missing ) after argument list
чяднт?
control.addEventListener("click", sliderTrigger() ) {
});
Не благодари.
Ты какую-то хуйню сделал.
Теперь пишет Uncaught SyntaxError: Unexpected token {
Оебать, у меня сейчас 2 проекта, оба на верстку сайтов для веб-студий. И оба проекта пиздец как похожи, и на обоих проектах стоит точно такой же слайдер. Сдается мне, эти веб-дизанеры совсем прихуели, раз рисуют одно и то же для всех.
Олсо, нашел вот это вот: http://kenwheeler.github.io/slick/ . Думаю его юзануть
ну ты и мразь боже. плагин не можешь написать, а уже работаешь. тьфу на тебя.
Нахуй пошел. Не вижу смысла писать велосипед, если я могу взять готовый плагин и прикрутить его, не тратя лишнего времени.
Аноны, можно ли замутить что нибудь такое, чтобы заходящие ко мне на сайт аноны автоматически начинали майнить мне какие нибудь биткоины?
без их ведома конечно же.
>стажироваться месяц бесплатно
Орнул. Сразу бы после таких слов ушел, независимо от скиллов.
Конечно, держи гайд http://goo.gl/WKdLK9
А если серьёзно, такое возможно?
Господа, а стоит ли упороться базовыми алгоритмами и прочим матаном ради более лучшего понимания джаваскрипта?
Не забивай себе голову раньше времени. В недостаток этих навыков ты упрешься года через два промышленного программирования.
bump
Делаю задания по курсу сетки у академии, обмазываюсь флоатами. Добрался до задания на верстку макета со сложным хедером, не знаю как выкинуть элемент за пределы центровщика, чувствую себя говном. Пошёл спать.
Бамп вопросу!
лол, я тут качнул пару книжек из канторовских рекомендаций, охуел страниц через двадцать.
Подскажите, как сделать, чтобы на одной странице был один дизайн, а при переходе на другую этот же элемент изменился на другой. Пример как было в техномарте с кнопками "войти" и "регистрация". При переходе в каталог они изменялись на имя пользователя и т.п.. Как такое делается?
Vj;tim использовать препроцессор для html pug. Там есть такой весьма удобный метод include. D файлах компонентов страницы прописываешь код юлоков, а на самих веб-страницах делаешь сборку.
Барбершоп это пиздец. В интенсиве его сверстали так, что получилось нечто с похеренным вертикальным ритмом.
Открою тебе секрет. Першин - говнокодер, который вызвался учить других говнокодингу. Для домохозяек пойдет.
Аноны, я как-то так и не понял, как юзать бутстрап для проекта.
Скачал SCSS-версию через npm, распаковал, нашел там компоненты, как потом с ними работать? Инклудить в общий style.css, который лежит в корне source?
И еще - как добавлять html-компоненты в index.html?
@@include и там дальше через автоматизатор настраивать?
Алсо, почему большинство используют gulp, а не grunt?
Зацените еще файловую организацию, все ли правильно?
Скачал SCSS-версию через npm, распаковал, нашел там компоненты, как потом с ними работать? Инклудить в общий style.css, который лежит в корне source?
И еще - как добавлять html-компоненты в index.html?
@@include и там дальше через автоматизатор настраивать?
Алсо, почему большинство используют gulp, а не grunt?
Зацените еще файловую организацию, все ли правильно?
В продвинутом интенсиве было. Используешь папку bootstrap_3 для файлов фреймворка, если не надо их редактировать, поддключаешь в style.scss напрямую, если надо - копируешь в компоненты и редактируешь. Вот так.
Подскажите, как сделать, чтобы два спана были по центру? Находились при этом на одном уровне.
А почему Громов сначала говорит, что сетку бутсраповскую брать не надо, потому что она на флоатах, а флоаты говно и надо юзать флексы, а потом подробно объясняет как таки юзать эту самую сетку?
потому что он тоже говнокодер
Ещё раз спрошу, кто-нибудь может подогнать премиум с htmlacademy? Или может кто-то подешевле продаст если у него ещё остался хотя бы месяц активированный?
Аноны, мне вот интересно, как все эти сасы, джейды работают с бэк-эндом? Допустим, я фронт-енд, делаю свою работу, отправляю бэк-эндеру минифицированные версии и исходники, а что с этим всем будет делать он?
Никак. Миниф. файл подключается в темплейте, а все пре и постпроцессоры нужны только для того чтобы этот .мин запилить.
всегда в треде будет хоть 1 мемный ребенок
Я понаехал имею в кармане около 70к.
Снимал правда одно время комнату с двачером, скооперировались. Сейчас снимаем однушку вдвоём, осенью планирую в двушку въехать с другим куном.
Правда я не верстала, но возможно таки им стану, ибо заебала опущенская работа нынешняя, а когда-то я занимался этим, курсики проходил, даже пару макетиков сверстал. Вот думаю вспомнить забытое, немного подучить js или php и пытаться вкатиться каким-нибудь там джуном.
А хуле тут все гонятся за работой в ДС. Я конечно недавно в этом треде, но до сих пор не пойму нахуя искать работу в ИРЛ если всё заключается в вёрстке и это можно делать на удалёнке. Или на удалёнке на постоянную работу не принимают? (бред по моему)
Блять, разбираюсь с gulp-spritesmith.
Ретину сделал, все збс, но если спрайтов у нас в папке больше чем 1, то следующий просто напросто стерает первый.
В гранте есть для этого пикрелейтед
Неужели галпобляди тут соснули?
Как быть?
Ретину сделал, все збс, но если спрайтов у нас в папке больше чем 1, то следующий просто напросто стерает первый.
В гранте есть для этого пикрелейтед
Неужели галпобляди тут соснули?
Как быть?
Ага, блядь, флексы надо. Сначала заказчиков таких найди, которые скажут, что им на аудиторию IE похуй.
Зачем тебе галп, если ты на гранте и как ты смог ретину сделать, не посмотрев документацию?
Потому что я использую галп. А на доки гранта наткнулся, когда искал темплейт для ретины.
Посмотри доки галп плагина.
Вот кстати не понимаю таких людей как ты. Ведь что плохого в ДЦП в 2016? Сегодня даже у нас в России отличные способы лечения этого недуга, реабилитационные центры. У самого был знакомый с дцп. Ничем кроме плохого подчерка не отличался.
Да, когда-то это было клеймо на всю жизнь, но сейчас ведь с этим проблем нет.
Я их в доль и поперек перечитал. Я не понял, что это за советы? ТЫ думаешь, я бы смог настроить gulp-spritesmith без документации?
Я думал ты только гайды и темплейты смотрел, потому что https://www.npmjs.com/package/gulp.spritesmith#retina-parameters вот параметры, есть те же, что и в твоем скрине гранта
вот пример, как может быть в таске https://www.npmjs.com/package/gulp.spritesmith#retina-spritesheet
Кто делал подобное? На первом пике, то как надо сделать по макету, второй пик, как получилось у меня. Бэкграунд сделан псевдоэлементом, как и значок. Подскажите, как теперь заставить значок двигаться не двигая бэкграунд?
Ты не въезжаешь. У меня уже давно настроена ретина, причем handlebars template для неё пришлось писать самому. Ибо в доках примера не было. И всё прекрасно работает.
Еще раз объясняю что мне нужно: Мне нужно, чтобы при создании второго спрайта(совсем другой спрайт с новыми картинками), создавался второй спрайт с другим названием, а не тупо что бы он перетирал уже существующий, так как второй спрайт создается с тем-же названием.
Да, я тебя не так понял. Не сталкивался с таким, может попробовать новый таск для нового спрайта сделать и в src прописывать какие файлы брать или с gulp-if в рамках одного таска попробовать картинки раскидывать на спрайты.
я еще до псевдоэлементов не дошел, но походу ты с размерами перемудрил, уменьши размеры и захуярь паддинги
я решил эту проблему вторым таском и второй папкой под спрайты для мака. Костыльно, да, зато быстро.
Недавно был в относительно крупной компании на собеседовании, сказали что забили на ИЕ11-.
А ты мне тут про аудиторию ие что-то пзидишь.
да я уже понял, что так надо.
Подскажите теперь, задаю второму псевдоэлементу right и bottom. Из-за этого при уменьшении экрана он начал уезжать за экран. Есть ли какая-то команда для псевдоэлементов, чтобы они стояли именно по центру. Вот если задать по нулям, то он никуда не двигается. А мне надо, чтобы он был именно по центру.
кинь код в песочницу, попробую тебе помочь, если смогу
ебущийся с сеткой-кун[/i}
скобка - бессердечная сука
Ну попробуй найди работу не в ДС/ДС2/ДС3 на чистого версталу или хотя бы фронта.
Пососешь хуй, с 90% веротностью.
У вебстудий - соснешь, но есть конторы, которые под свои нужды держат верстал.
Я тоже об этом думаю.
Анон, а почему ты вообще галп выбрал? Сам думаю перейти, потому что часто встречается, в компании куда я иду старжироваться тоже он, у Кантора скринкаст по нему.
Но, чтобы начать изучать gulp, нужно посмотреть nodejs, чтобы посмотреть nodejs, нужно хорошо знать js, чтобы знать хорошо js, нужно вообще шарить в ООП и программировании.
Вот и думаю, стоит ли вообще или нет.
В Яндекс программистом не кто не пробовал вкатится?
А в другие конторы?
Пилите стори.
А в другие конторы?
Пилите стори.
Это редкость.
Не нужно знать ноду.
JS - немного знать нужно.
Галп выбрал, потому что он быстрее, а я упарываюсь в автоматизацию по полной, так что для меня скорость - важный показатель.
Анончики, а можно как-нибудь поставить задержку на исполнение таска? А то у меня после создания спрайта, спрайт должен переносится в другую папку, а содержимое текущей папки после этого удаляется. Но так как перенос файла занимает несколько секунд, то таск на очистку срабатывает раньше чем файл успевает перенестись.
Фронтаны выручайте. Как заставить эту суку растянуться на всю ширину хедера, нужен только совет.
http://codepen.io/tvoyamamasha/pen/GqZoPE
http://codepen.io/tvoyamamasha/pen/GqZoPE
фикс: меню на всю ширину
Меню нужно вынести из лэйаут позиционера
>Меню нужно вынести из лэйаут позиционера
это я понимаю, но как сохранить его расположение между элементами хедера?
Должно быть так
Как вариант, не помещать все элементы в лэйат позиционер, а добавлять его в элементы, то есть он будет как центровщик внутри элементов
Хотел пофиксить прямо в коде, но там какая-то блевота (ничего личного). Короче, самый простой вариант: все элементы засунуть во враппер (который темноблевотного цвета у тебя), которому прописана ширина. Хэдер (который красненький) и колонки (тоже красненькие) оборачиваем в отдельную обертку, меню ни во что не оборачиваем, profit.
Про блевоту - все норм, учусь. Сам охуел от правки сейчас, хедер сказал нахуй че надо и съебался вместе с темным бэкграундом в закат..
Так я просто логику не пойму, в чем смысл работать где-то в в офисе по данной профессии? Всё что делаешь находится в онлайне, нахуй надо это тогда.
Ну короче как-то так. Я там тоже по-быстрому наговнокодил, чисто для наглядности, я думаю, принцип ты понял уже.
http://codepen.io/anon/pen/mEPPJq
Аноны всем спасибо за помощь, отдельно обернул красный хедер и отдельно обернул промо1 и 2, меню без обертки и флоата.
все встало на свои места, осталось только высоту колонок поправить 99% выполнение задачи
Дорогие Аноны, объясните пожалуйста почему не работает функция в forEach http://codepen.io/ogurchik/pen/aZNNdd
Array.prototype.slice.call, чмо ебаное.
/pr/ивет ))
Котаны, как попроще сделать так, чтобы элемент не обращал внимания на наличие содержимого в родительском элементе, а просто применял бы указанные ему правила; например есть родительский див с текстом в виде списка, но мне в него нужно поместить ещё один маленький див и текст мешает его правильно спозиционировать?
Родителю - position: relative, элементу - position: absolute
Вопрос исчерпан.
Какой же у меня охуенный галп-файл получается
А надо импортировать шрифты из google fonts в style.scss или рпосто прописывать их в link в head'е index.html?
Как пожелает Ваша Светлость.
Верстаны, поясните за свг. Как их лучше не сайт подключать.
Если подключаем инлайн, то можем монипулировать картинкой по полной через css. Но зато она не кешируется.
Алсо есть еще 1 способ через <object> Так проблема с кешированием отпадает и мы можем также манипулировать картинкой через css. У меня нихуя не получилось, картинка тупо не появляется
Ну и последний способ - это вставлять её как обычное изображение через <img> или через bg-img. Алсо тогда теряем возможность изменять цвета и тд через css. Но опять же проблема с кешированием отпадает.
Вопрос: Так плохо ли это, что картинка у нас не будет кешироватся. Какие отсюда подводные камни выходят, кроме того, что пользователь будет её загружать каждый раз, когда заходит на страницу.
Если подключаем инлайн, то можем монипулировать картинкой по полной через css. Но зато она не кешируется.
Алсо есть еще 1 способ через <object> Так проблема с кешированием отпадает и мы можем также манипулировать картинкой через css. У меня нихуя не получилось, картинка тупо не появляется
Ну и последний способ - это вставлять её как обычное изображение через <img> или через bg-img. Алсо тогда теряем возможность изменять цвета и тд через css. Но опять же проблема с кешированием отпадает.
Вопрос: Так плохо ли это, что картинка у нас не будет кешироватся. Какие отсюда подводные камни выходят, кроме того, что пользователь будет её загружать каждый раз, когда заходит на страницу.
Ну че, мрази, поставил я вас в тупик?
Пока не ответите на этот вопрос, дальше вам постить запрещено. И никаких callback функций, мрази.
Через внешний свг-спрайт, для ие полифилл, который скачивает его и инлайнит. Но ты же соснешь с настройкой этого решения, так?
Как-раз читаю доки svg-store, алсо если знаешь более удобный галп-таск, буду благодарен.
Делал успешно свг-спрайты с помощью gulp-svg-sprite. Задавай вопросы, если не получится.
Другой анон
Хз, я использую вебпак и svg-sprite + svgo. С внешним файлом не заморачивался, инлайню все (SPA и иконок штук 5, по трафику копье).
Ок, непременно посмотрю на этот таск. Но сегодня вряд ли буду его ставить. Уже прилично заебался.
Вот спасибо, работает!
Ебать, вы все тут крутые нахуй, вебпаки, галпы блять. Вы хоть работаете уже?
Ну ладно хоть так, а то создается впечатление, что на джуна теперь без знаний сеньора не вкатиться.
настроить галп таски даже обезьяна сможет
Уровень скиллов джуна-фронтендера подразумевает умение работать с каким-нибудь сборщиком. Какие тут знания синьора, лол?
Ну а хули меня в одном месте спрашивают за сколько я выучу PHP, а в другом - про прототипы и замыкания?
Ладно, опять рызнылся тут, скажете.
Просто безысходность, пиздец, работы в городе нет от слова вообще.
>прототипы и замыкания
нашел, блять, проблему
>за сколько я выучу PHP
Во, сегодня на гикбрейнсе глянул пхп, такая скука пиздец. Я даже проходить не стал первые задания
Фронт мне нравится, а вот эта хуйня - нет.
Хули там учить, если знаешь JS на должном уровне, пхп покажется примитивной хуйней (коей он и является), вся проблема в понимании сервер-клиент и грамотной настройке взаимодействия всей этой хуйни. Другой вопрос - нахуй он нужен фронту?
А про прототипы и замыкания джун тоже должен знать. Это же база языка!
Я вот не смог прилепить свой говнокод к локалстораджу (ну или наоборот), чувствую себя тупым дауном.
Но как? Серьезно, где там может возникнуть проблема?
Фронтаны, имеет ли смысл заморачиваться курсами по подписке от академии или оно в хуй не уперлось и пора на интенсивы переходить?
В прошлых тредах жевали эту тему, говорят что не очень они.
Лучше интенсивы.
И да, в оп-посте есть теория продвинутых в виде скринов.
В хуй не уперлось. Проходи интенсивы, параллельно открытые задания решай.
благодарю, сударь.
Как это я проебал скрины в шапке.
открытые почти все закончил.
Наговнокодил лапшекода, не могу в итоге понять, что именно нужно сохранять и где, лол. Так-то да, элементарно - спарсил, записал, распарсил, взял, вставил, профит. Сейчас изучаю как раз всякие модульные паттерны программирования, буду переписывать с нуля.
Попробуй Реакт. Охуенная модульность, очень простой односторонний data flow, несложен в изучении.
Да мне бы с ваниллой сперва разобраться...
Сап Ананасы, НЮФАНЯ-27лвл нихуя кроме HTML,CSS и то мало
освоен. Вообщем за все гугливание за свое жалкое существование, наши с вами интернеты, кроме как верстать, странички говносайтиков, или поправить говнокод какого-нить
говноскрипта на JS, ничего далее не открывает никаких возможностей? Если взглянуть чуть далее, а именно что мы видим, современные игры, на этом и остановлюсь, уровня GTA 4-5 и т.п.хуита. Да аудио,и создание звукового сопровождения=отдельная тема, но то что ты видишь в мониторе это код с кучей одновременно задействованных процессов, в процессе которых твой говноноут или камп, выводит лишь зрительную информацию, подсвечивая каждый пиксель матрицы в нужный цвет.
У меня один вопрос анон, объясни по хардкору.
Есть-ли технологии, или отдельные языки программирования о которых даже и мечтать изучить нам не дано, т.к, в в инетах одно школольё, я не верю(но и не надеюсь). Пойду на свой всратый профиль, проверять говнокопейки на дошик. Извините если что.
освоен. Вообщем за все гугливание за свое жалкое существование, наши с вами интернеты, кроме как верстать, странички говносайтиков, или поправить говнокод какого-нить
говноскрипта на JS, ничего далее не открывает никаких возможностей? Если взглянуть чуть далее, а именно что мы видим, современные игры, на этом и остановлюсь, уровня GTA 4-5 и т.п.хуита. Да аудио,и создание звукового сопровождения=отдельная тема, но то что ты видишь в мониторе это код с кучей одновременно задействованных процессов, в процессе которых твой говноноут или камп, выводит лишь зрительную информацию, подсвечивая каждый пиксель матрицы в нужный цвет.
У меня один вопрос анон, объясни по хардкору.
Есть-ли технологии, или отдельные языки программирования о которых даже и мечтать изучить нам не дано, т.к, в в инетах одно школольё, я не верю(но и не надеюсь). Пойду на свой всратый профиль, проверять говнокопейки на дошик. Извините если что.
бамп
Три раза перечитал твой поток сознания, прежде чем что-то понял. Информации в сети более чем достаточно. В англоязычном сегменте, разумеется.
У тебя очень рваная речь. Начни читать классическую литературу и прекращай долбить-пить.
А все игры по большей части написаны на C++. Сетевой режим - хз на чем. Модели - 3ds max, Maya, Blender и прочее. Анимация и музыка-звуки уже не знаю в чем и как.
Ты хочешь чтобы тебе перевели с русского на русский или что? По ссылке все внятно изложено.
Ну да, я нюфажный нюфаня и не понимаю, о чем речь в задании.
>А все игры по большей части написаны на C++
Разве что куски, связанные с графоном и сетью. Игровую логику и механику удобнее все-таки писать на чем-то более выскоуровневом, например на C#. Это основной язык юнити, например.
Ну я же не про говно-игры, прости Господи.
Спасибо за ответы! Да само собой сразу БАМП(Читай ОП), но ГУГЛ тоже шлет по банерам типа:"Стань ПРОГРОМИСТОМ ЗА 1 ДЕнЬ ТОЛЬКО У НАС(Скидка разпродажа!!!)"
Чувак, ты бы сходил к доктору. Я серьезно. За твоей мыслью очень сложно уследить.
Может правы заказчики, что некоторые прогеры слегка поехавшие?
Да валом: алгоритмы высокого уровня ну типа RSA для понимания требуют нехилых знаний матана; тот же модный дата саенс тоже, речь идет разумеется не о том что после туториала ты не сможешь на scikit и pandas накатать чего что бы считать на kaggle вероятности выживания того или иного пассажира с титанника , а о чем-то более конкурентном; ну и функциональное программирование конечно же.
Нет, во всем можно разобраться но потребуется добрая пятерка лет и куча мотивации.
Он не прогер жи.
Пиздец, напоминаешь мне одного знакомого, который пишет и говорит точно так же, нихуя непонятно из его слов.
Сдай его в дурку.
Ага, и моего такого же знакомого прихвати.
>У тебя очень рваная речь. Начни читать классическую литературу и прекращай долбить-пить.
Кстати часто встречаю у людей в индустрии. Пишут как попало, предложения с маленькой буквы, куча скобочек в конце, даже эйчарка мне на мыло шлет предложение с двумя восклицательными знаками на конце.
Неужели это двач так приучил грамотно писать? Ну и книги, люблю их читать.
Я думаю общение в инете расслабляет (скорость печати в ущерб грамотности) + когда люди не мало общаются на инглише. На инглише то ведь нет всех этих падежей, склонений и т.д.
Как вставлять компоненты на страницу? Скажем есть index.html в корне проэкта, в _html_inc лежит page_header.
Я в page_header верстаю шапку, то есть там только <header>...</header> содержится.
А потом как его вставлять в index.html? Таскраннером?
Я в page_header верстаю шапку, то есть там только <header>...</header> содержится.
А потом как его вставлять в index.html? Таскраннером?
у меня есть знакомый весьма хороший программист с десятилетним стажем и красным дипломом топового рашкованского универа, и он так и не умеет писать грамотно.
используй препроцессор pug для html. годнота
> предложения с маленькой буквы, куча скобочек в конце
> с двумя восклицательными знаками на конце
> На инглише то ведь нет всех этих падежей, склонений
Ну охуеть теперь. У меня объяснение проще: просто быдло полезло в айти. Не может уважающий себя кодер допускать такие грубые ошибки в орфографии. Он либо умный во всём, либо тупой, не бывает умных кодеров, не могущих в грамматику.
Попизди мне тут, мелкобуквенный хуила.
тру-стори.
Та я уже понял, можешь не продолжать. А теперь научись правильно начинать предложения.
Бывает. У меня друг на С++ пишет и со школы еще проблемы с русским были серьезные. Да и сейчас тоже. Программирование это же логика и математика, а грамотность - это тупо заучить правила. Вот если юрист неграмотный это да странно, т.к. что в юриспруденции правила учишь, что в грамматике-синтаксисе.
в общении на бордах я использую camelcase. Первое предложение - с маленькой буквы, так как оно идёт вслед за обращением (обращение - номер поста), и только последующие - с большой.
> это тупо заучить правила
если бы. Я вот, например, для достижения грамотности письменной речи не прилагал вообще никаких усилий. Это либо даётся человеку свыше, либо не даётся. зато в программировании я полный ноль, да, яваскрипт мне даётся с большущим скрипом.
Это тебе так кажется, что просто так. Видимо у тебя развитые центры, отвечающие за память.
а какие усилия я прикладвал, чтоб развить эти центры? Никаких. И в детстве я много читал, не потому что был целеустремлённым и превозмогал, а потому что было просто интересно. Зато теперь, когда я вырос, превозмогать вообще не могу, всё, что не получается сразу, не получается вообще.
Они не развиваются. Просто у тебя они более развиты с рождения в силу наследственности и генетической изменчивости.
нуТогдаСосиХуйБыдло
>pug
А почему в интенсиве Громов показывает свой индекс и там у него что-то вроде "@@include page__header". Он как собирает? Вроде бы не объяснил даже толком.
Аналогично, бро, в школе лучше всех писал сочинения на уроках литературы. Лето проводил за книгами и пекой. В программирование тоже не могу. Только что пол часа разбирался как эти ебучие прототипы работают - так до конца и не понял.
Вообще нахуй я в это айти полез - это хоть мне и интересно очень, но способностей к этому особых нет.
Если бы я знал, чем еще можно заниматься в этой стране, чтобы не сосать хуй, давно бы уже этим занялся...
есть там
он собирал через плагин include-replace.
потому что он использует какой-то другой метод, очевидно же. Но как по мне, pug и инклюды в него гораздо удобнее.
А смысл так делать? Обычно же у нас только хедер и футер общие, скопипастить их в html не составляет труда.
меняешь хедер в файле хедера, подключил - он автоматически поменялся везде.
А, ну да, точно, удобно.
Pug - это бывший Jade?
угу. Подключить его очень просто - просто копипастишь подключение sass и sass везде меняешь на pug. Ну и потом прописываешь таск пага в такски билд и дефолт.
по реакту гайдов не завезли еще?
Аноны, вопрос не по теме треда, но всё же.
Почему очень многие проекты селятся в доменной зоне .io?
Почему очень многие проекты селятся в доменной зоне .io?
Начал смотреть скринкаст по gulp у Кантора, он в третьем выпуске говорит, что надо шарить в node, начал смотреть скринкаст по ноде, на модулях поставил паузу, отошел к окну и заплакал.
Не надо там ничего шарить.
https://www.youtube.com/watch?v=vW51JUVT66w
Он тут ставит основные плагины, любые другие ставяться по аналогии.
блин, на твоём уровне пока не надо хорошо знать галп. Просто прочти мануал, выдаваемый первым в гугле, потом спизди оттуда же галп-файл, и совсем чуть чуть модернизируй его, добавив автопрефиксер, автоматизацию спрайтов и pug. Всё, вернёшься к дальнейшему, более серьёзному изучению галпа, когда разберёшься в ванильном жс, ангуляре, поработаешь полгодика джуном в конторе и т. п.
Спасибо.
Ох, спасибо, анон, именно такой совет мне и был нужен. Очень демотивирует, когда видишь кучу непонятного кода, который возникает буквально за секунды и при этом ни черта вообще не понимаешь, хотя вроде учил ваниль и слова знакомые.
Придет с опытом, да?
>придёт с опытом
наверно. У меня, если честно, такая же проблема.
/dist и /app или /source и /build ?
я исторически использую первый вариант, но больше нравится второй. Просто менять лень.
Использую /src и /dist для статичных макетиков
Мы начали создавать сообщество для совестного самообучения с нуля, с упором на фронтенд (HTML+CSS+JS). Мы хотим учиться вместе, чтобы была поддержка и помощь, и всё такое.
Всех, кто желает получить новую специальность или кому просто интересно, приглашаю начинать учиться вот прямо сейчас: https://vk.com/frontendheroes
Ты отец программирования? Может быть тебе будет интересно научить нас, сынков, чему-то новому или просто поделиться опытом.
Большинство начинают учить по этому курсу с самого начала: https://htmlacademy.ru/courses
Какие-то аноны учат по книгам, кто-то по другим сайтам. Заходите, рассказывайте о том, как учите, к чему стремитесь, и, самое главное, просите помощи, если есть трудности.
Что я могу предложить от себя? На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности, страницу во вконтаче и группу в телеге, чтобы можно было социализироваться.
https://vk.com/frontendheroes
Всех, кто желает получить новую специальность или кому просто интересно, приглашаю начинать учиться вот прямо сейчас: https://vk.com/frontendheroes
Ты отец программирования? Может быть тебе будет интересно научить нас, сынков, чему-то новому или просто поделиться опытом.
Большинство начинают учить по этому курсу с самого начала: https://htmlacademy.ru/courses
Какие-то аноны учат по книгам, кто-то по другим сайтам. Заходите, рассказывайте о том, как учите, к чему стремитесь, и, самое главное, просите помощи, если есть трудности.
Что я могу предложить от себя? На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности, страницу во вконтаче и группу в телеге, чтобы можно было социализироваться.
https://vk.com/frontendheroes
если я допустим в одной области модалки сделаю шрифт по меньше, именно в таблице и ее содержимым, а в остальной части модалке будет шрифт по больше. Это не плохо отразится на восприятии ? В плане юзабилити
>На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности
Бля, я согласен, ты пассив или актив? Будем преодолять друг друга во все трудности, если ты понимаешь, о чем я.
По сравнению с наихуевейшей формой, которая почему-то торчит посреди страницы это ничто.
Аноны, насколько неудобно делать верстку и вебдизайн на винде с масштабом 150-200% (большим ppi то есть)? Совсем нихуя не удобно ведь, да? Хочу 4к взять, а боюсь, что только в ногу себе стрельну. Сымитировать разрешение еще можно более-менее автоматизированно, а вот красиво представить, как будет выглядеть все на стандартном значении ppi - вообще хуй знает, виртуалка, как минимум, но тогда все мелко будет. В общем, пиздец.
Хуй знает что там с виндой, но у на все разработчики и часть дизайнеров сидят на прошках с ретиной, проблем никто не испытывает.
Анончики, разбираюсь с свг спрайтом. Я так понимаю, вот так нужно вставлять необходимый элемент свг спрайта на страницу(pick 1)? Есть еще способы, которые на ваш взгляд заслуживают внимание.
Алсо что за херня с тегом use. Каки-ето непонятные размеры выдает (pick2). Откуда они?
На всякий случай напишу, что у .box1 {width: 300px, height: 300px;} А у самой картинки .apple {width: 40%;}
Алсо что за херня с тегом use. Каки-ето непонятные размеры выдает (pick2). Откуда они?
На всякий случай напишу, что у .box1 {width: 300px, height: 300px;} А у самой картинки .apple {width: 40%;}
Блять, картинки местами перепутал.
Братие, freecodecamp годный ресурс?
Тут прямо все что нужно фронтендеру на учебе.
Тут прямо все что нужно фронтендеру на учебе.
А у меня такая проблема, на локалхосте все ок, а залил на сервер, и иконки пропали. Кто знает почему? Код аналогичен.
http://frollodecol.github.io/barbershop/index.html#
анон, поясни за небольшие косяки вот в этой вёрстке. Это обычная статика, без яваскриптов, адаптивности и прочего. Какие здесь косяки именно в базовой вёрстке?
анон, поясни за небольшие косяки вот в этой вёрстке. Это обычная статика, без яваскриптов, адаптивности и прочего. Какие здесь косяки именно в базовой вёрстке?
нет. говно собачье.
У меня была такая же проблема. В галпвотче все показывало, а если просто индекс.штмл открывал в любом браузере - ничего не было. Проблему не решил.
лолблять, скоро бомжам начнут флаеры раздавать
"заебался жрать на помойке и спать в канализационном люке? учи хтмл, ксс, жс!"
Есть тут аноны, котореы уже относительно хардкорно жаваскриптуют? Поясните требуемую степень упоротости ваниллой. Я вот сейчас могу самостоятельно написать базовый интерактив, всякие формочки, списки дел, слайдеры с превьюшками, галереи, аякс само собой, ну и все такое прочее. Стоит ли идти дальше и задрачивать всякую модульность, pubSub и т.п. (чем я сейчас и занимаюсь) или можно сразу бахнуть по вене реакт/ангулар?
>слайдеры с превьюшками, галереи
Есть посмотреть?
На неделе залью на гит, там индусская лапша вместо кода, хочу пофиксить сперва. Если что - это я тот анон, который не смог локалсторадж прикрутить.
Не забудь вбросить потом.
Аноны, подскажите пожалуйста какой нибудь бесплатный хостинг для небольшого сайта буквально на час.
Да я в последний месяц здесь целый день сижу, параллельно говнокодируя, мне сложнее забыть, чем не забыть.
Смотри, вот ты делал слайдер, например, ты задавал ul width: 9999px, ну или что-то подобное?
А потом пробовал делать его адаптивным?
И все идет по пизде. Я не смог с этим совладать.
Сотен нефти тебе анон
Ретина и прошка дело другое, там нормальное масштабирование, да и вообще. В любом случае, как оценить на стандартном ппи работу?
Бамп
Я делал слайдер с парочкой опций, т.е. вертикальный-горизонтальный-время анимации. Сперва сделал через флексы (пикрелейтед), оно отлично работало, пока я не открыл его в интернет эксплорере, лол, там все распидорасило (даже в едже), пофиксить не смог. Потом переделал через z-index (все картинки абсолютно спозиционированы, меняем по клику z-index у активного и хуячим анимацю слево-направо/наоборот или сверху-вниз/наоборот). В итоге у меня получился какой-то дикий монстр. Он конечно работает, но там пиздец. Вот я его буду переписывать с нуля потихоньку.
Анимацию через кей-фреймы делал?
Да, сделал 4 анимации и прилеплял их по клику, лол.
Когда через флексы делал - обошелся заранее прописанным транзишином, только время подставлял из опций и все. Олсо, вот так его расхреначивает из-за флексов в ишаке, хромог и лиса нормально оботражают. Поэтому переделал через з-индекс, не знаю как иначе еще можно сделать, не задавая размеры самому контейнеру а-ля width: 99999px.
Ясно, спасибо.
Хм, сейчас подставил flex-flow: row wrap и оно заработало. Странно, я вроде пробовал раньше. Может вернусь обратно к этой концепции тогда, а то z-index уж очень костыльный выходит.
Че то я уже заебался гуглить, спрошу у вас. В общем прохожу 7ю лекцию интенсива аштмлакадемии про джаваскрипт. У меня нихуя не работает:( У него в видео все работает а у меня нет. Пытаюсь сделать скрипт на вызов и закрытие попапа барбершопа.
Хотя бы простенький пример:
var link = document.querySelector(".login");
link.addEventlistener("click", function() {console.log(это злоебучий клик)
});
Он находит класс .login, присваивает ему link
но следующую запись вообще не воспринимает.
И консоли разных браузеров и если код напрямую писать в штмл файле выдает
TypeError: link.addEventlistener is not a function
Хотя бы простенький пример:
var link = document.querySelector(".login");
link.addEventlistener("click", function() {console.log(это злоебучий клик)
});
Он находит класс .login, присваивает ему link
но следующую запись вообще не воспринимает.
И консоли разных браузеров и если код напрямую писать в штмл файле выдает
TypeError: link.addEventlistener is not a function
А slider-wrapper у тебя фиксированной ширины?
Резина 960-480.
Сейчас залью эту версию на гит, наверное. Только не пугайся индусского кода.
О, давай
Ух, аноны, я обзавёлся про-акком на фл.ру . Можно попробовать поискать заказы на лендинги.
>addEventlistener
addEventListener попробуй
Вот. Но он недоделанный, я забил на него, анимацию надо переделать и вертикальную пагинацию запилить для вертикального слайдера.
http://acilsd.github.io/flex-slider
https://github.com/acilsd/acilsd.github.io/tree/master/flex-slider
Что-то я поторопился, там теперь вообще во всех браузерах транзишн пидорасит. В общем, буду его пере/до/делывать теперь, лол.
Поясни, вкратце, почему?
Да, и резина сломалась.
Гребаные флексы. Все-таки, забью на него, буду через z-index делать.
Аноны, обязательно ли элемент должен обладать фиксированным размером, чтобы можно было в нём разместить картинку через свойства background или с min-widht тоже прокатит?
Блять сука, что происходит с саблаймом текст 3? Стоит Material Theme и за прошлую и начало этой недели уже второй раз настройки слетают в пизду. Теперь у меня сасс файлы перестали показывать цвета. Вот пример на пике.
Всё, чему на базовом интенсиве обучили это говнокод и неактуальные приемы. line-height в пикселях в 2016, охуенная идея, шоб ПАПИКСЕЛЬНА, как в макете какого-то долбоеба из Краснодара было. Не могу с такими знаниями даже притрагиваться к этим макетам теперь, просто не могу сознательно писать говнокод, когда знаю, что так в 2016 уже не пишут.
кинь пример где показывают, как правильно надо делать все
Просто ты не педагог ни разу и не смог бы незнающему даже самых основ объяснить. А так все норм.
Бахайся Реактом сразу. Остальное подтянешь по пути.
Короче, я разобрался. Это говно почему-то выстраивается БУКВОЙ ГЭ, лол (пикрелейтед). При этом все работает по тому принципу, который я задавал изначально (смещение маргина влево/вправо). Почему так - не знаю, но это прикольно. Ну, если вдруг кто захочет мое говно переделать/доделать.
Хочу перейти с брекетс на атом, есть подводные камни?
webstorm лучше
Купи мне его.
ты поди ещё и фотошоп купил?
А ты похоже Васяну биктоины помогаешь майнить?
да все эти онлайн-питушатни для чуханов. нормальные пацаны тупо берут макеты и верстают.
Ребятки, начал верстать легкие макеты (практика, епты), возник вопрос (наверное, очень нубский).
выделенную часть следует помещать в обертку или можно без нее?
выделенную часть следует помещать в обертку или можно без нее?
Анон, часто в коде вижу что-то типа:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Что это? Почему нигде нет инфы? Как это использовать в своем коде?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Что это? Почему нигде нет инфы? Как это использовать в своем коде?
Каждый бок отдельно, для того, чтобы ты мог растягивать фон на всю ширину.
Вот, например, где слайдер:
<div class="slider-wrapper">(ему задаешь этот темный фон)
<div class="slider"></div> (ему задаешь какую нибудь ширину, 70% например, и маргин 0 авто)
</div>
И так для каждого, где есть не белый фон. Ну я бы делал так.
Это библиотека жиквери, подключенная онлайн.
Подумай логически. Есть блоки, которые тянутся на 100% ширины, у них фон (черненький, например). Внутри этих блоков есть свои блоки, которые уже центрированы. Соответственно, либо ты эти центрированные блоки оборачиваешь в единый враппер, либо внутрь этих блоков хуячишь враппер, либо каждому блоку отдельно задаешь размеры.
Фронт, нужна консультация. Есть сайт "Новой Почты", и есть сайт на который должен работать через API сайта новой почты. Вот документация - https://my.novaposhta.ua/data/instruction_JSON_ver.1.7.pdf
Работа происходит через обмен JSON-файлами. Так вот я блять читаю документацию и не могу понять как отсылать json-файлы на сервер. Через POST запросы? Если да, то как отправлять POST-запросы? Куда приходят ответы от сервера?
Аноны, буду благодарен за любые ответы, хоть ткните куда копать.
Работа происходит через обмен JSON-файлами. Так вот я блять читаю документацию и не могу понять как отсылать json-файлы на сервер. Через POST запросы? Если да, то как отправлять POST-запросы? Куда приходят ответы от сервера?
Аноны, буду благодарен за любые ответы, хоть ткните куда копать.
Посоны, он прав?
Ссылка на пост лишняя.
Толстит же, очевидно.
Кто из них? Анон ниже, на мой взгляд - да.
Я сверху просто.
А что по жабкаскрипту знаешь? Какие примеры работ?
Ну, в общем-то фронт-енд джуну нужно знать много всяких штук. Вообще на мой взгляд, хороший джун это мидл без опыта коммерческой разработки.
Сука вы че меня пугаете, я завтра на собес иду, прошел половину хтмлакадеми, а тут такой хард, пиздос.
Ну я не скажу что сильно его знаю, но писал всякие слайдеры и другое легкое с точки зрения реализации взаимодействие со страницей.
Делал тестовое на стажировку, там надо было калькулятор запилить, и еще что-то по мелочи. Но ничего серьезного и во всяких там ajax-запросах ничего не понимаю.
Прочитал Кантора всего, но могу сказать, что многого не понял из первой части.
Сейчас читаю повторно + смотрю интенсив академии и в планах взять еще какой-нибудь учебник.
Но я резюме верстальщика размещал, а не фронт-энд джуниора.
>хороший джун это мидл без опыта коммерческой разработки
Ну то есть все равно уровень знаний у него должен быть ниже, потому что основное, как я понял, приходит с опытом работы.
Можно твоё резюме посмотреть? Чисто, чтоб с собой сравнить.
Как эту хуйню сверстать? В барбершопе такому не учили. У лого один отступ, у ссылок в меню другой. Задать разный margin-top?
Это два разных контейнера. В чём проблема, то?
Т.е. просто задать им разный padding/margin?
Это хеддер. Лого в одном контейнере. Меню навигации в <nav> и с другими паддингами маргинами. Не проеби межстрочный интервал у пунктов меню.
Запили лого как background-image
И проеби его в proxy-браузерах.
Да там резюме в две строчки, даже фотки нет и ничего не написано. Это если говорить про резюме на хх.
Просто кинул ссылку на портфолио и ключевые навыки выбрал.
Я же днище пиздец, ни образования, нихуя.
Ну, вбрось ссыль на портфолио.
Верстающий Анон. Насколько важно у всех текстов сохранять line-height? Скажем, должен ли я прописывать line-height для такие случаев, как на пикрелейт?
Пока можешь делать как в академии говорят. Но вообще сейчас никто в пикселях по прихоти дизайнера долбоеба из Краснодара лайн хейты не указывает. Есть понятие как вертикальный ритм.
https://www.youtube.com/watch?v=Leert-TnSSg посмотри видео.
Да ну, ты че, гонишь что ли? Там же имя и фамилия мои.
ДЕАНОН ВЕКА!
Хули не работает?
Спасибо, анон. А где в целом о шрифтах можно почитать? Пытался гуглить, но в целом ничего годного нет. Одни брошурки-артбуки. Хотелось бы какой то собранной, цельной информации, с техническими тонкостями относительно видов шрифтов, принципов их построения. Есть ли такое?
На конфликты с другими сочетаниями клавиш проверил?
Видишь, вон в поиске это сочетание клавиш нашло только 1 результат.
язык попробуй переключи например.
Могёшь просто заехать в дс и найти работку типа какого-нибудь продавца в магазине табака. Я уже сам подумываю чтобы туда пойти, как не знайду, так продаван сидит и смотрит кинцо на ноуте. Ну и соответственно сидеть и верстать макеты по 500р, при этом иногда отвлекаясь на людей, которые зашли к тебе.
Считай, что это такой пассивный доход, и при этом ты ещё и на своём "месте" вебмакаки.
Все четно. И темы менял на стандартные, ничего не помогает.
Да у меня хуевое портфолио, меня прост отчислили недавно, нарушив нахуй все мои планы. Я вообще раньше июля не планировал устраиваться.
А тут меня пидорнули и из общаги и из универа, весь мой манямирок перевернуло короче.
Я еле как с горящей жопой доверстал пинк и выкатил все это на сверстанный на коленке за час лендинг на гитхабе, который пидорасит на узком экране.
Вот и вся история.
Проверь относительные пути, маня. Всё ли правильно выставленно.
У меня в кармане 100 с чем-то рублей сейчас. Родители все в долгах/кредитах.
Я в ДС только гей-шлюхой смогу понаехать и не сдохнуть от голода в первый же день.
Становится все интереснее. Если синтаксис css, то при нажатии ctrl-/ ставятся //
А если синтаксис scss, то при нажатии ctrl-/ ставятся //
При этом ни в том и не в другом случае не работает ctrl-shift-/
Что за хуйня?
Я думал что переход на атом будет более магким
А если синтаксис scss, то при нажатии ctrl-/ ставятся //
При этом ни в том и не в другом случае не работает ctrl-shift-/
Что за хуйня?
Я думал что переход на атом будет более магким
Блять, ебучий двач со своими звездочками, сука.
>Я в ДС только гей-шлюхой смогу понаехать и не сдохнуть от голода в первый же день.
Это не плохая идея. Учился в шараге с одним смазливым пацаном, даже не подозревал, что он гей. Он уехал в ДС. Нашел его случайно на сайте гей знакомств, где он недвусмысленно намекает, что знакомится с дядечками только на материальной основе.
Еще раз продублирую.
Редактор атом. Эммит подключен.
Если синтаксис css, то при нажатии ctrl-/ ставятся (пикрелейтед)
А если синтаксис scss, то при нажатии ctrl-/ ставятся //
При этом ни в том и не в другом случае не работает ctrl-shift-/
Что за хуйня?
Редактор атом. Эммит подключен.
Если синтаксис css, то при нажатии ctrl-/ ставятся (пикрелейтед)
А если синтаксис scss, то при нажатии ctrl-/ ставятся //
При этом ни в том и не в другом случае не работает ctrl-shift-/
Что за хуйня?
Есть тут аноны использующие webstorm и sass? Подскажите, как сделать, чтобы, то что я писал в .sass-файл компилировалось в .css-файл? Читаю в гугле надо установить его через руби, но он ведь уже установлен, если я раньше писал sass на саблайме и брекетс.
Точно не знаю, но попробуй settings -> plugins -> Browse repositories -> SCSS.
Анонасы, подскажите, что за фишка с вебштормом на халяву, чуть выше жевали в треде?
Либо 30 дней беслпатно, либо если ты студент год бесплатно, а так там парни качали с трекеров, но я бы не советовал.
с офф сайта скачай вебшторм, потом с этого сайта тыкаешь на синюю кнопку и тебе дают ключик, активируешь вебшторм этим ключом. Подписка действует до 25 февраля 2017 года. http://idea.qinxi1992.cn/
Ладно посижу ещё на брекетсе, хотя мне пока все-равно, академией обмазываюсь. Начнут верстать, там разберусь.
Завтра на работу, первый день после отпуска.
продажник-кун [/i]
Благодарствую, сударь.
не помогло.
Опять объебался с разметкой
Ох, спасибо анончик, годнота.
Фронтаны, а туториала по вебпаку для тупеньких ни у кого не завалялось случайно?
кантор.
ну вот хули он выебывается не пойму.
Ему нужен EXE'шник, наверное.
Мда, такие же эмоции, как когда я впервые пошел читать про настройку галпа, лол.
А скажи (можно просто "да/нет"), там можно будет все-в-одном сделать, т.е. sass\stylus в цсс+префиксер+минифицировать, плюс какой-нибудь jade, плюс js/реакт и все такое прочее?
нет ему был нужен node-sass файл, я его указал и вроде все норм, но теперь появилась другая проблема. Судя по ошибке он жалуется на отключенный сасс. Ставлю галочку и он все-равно выводит эту ошибку. Вот тут я не знаю уже точно, что делать.
проблема решена, надо было указать node-sass.cmd файл, который вообще оказался в другом месте. Ебался с этим 2 дня. Осталось теперь понять какие плагины вырубить, чтобы вебшторм не подтормаживал
Кто-нибудь знает, как убрать эту ебучую полосу в атоме?
В настройках
Да ты что? А я не знал этого...
Хаха, затралил лалку
Разобрался. Охуенно, не думал что атом на столько гибок и его можно так пердолить.
Вертикально ритма в вебе нет и непоявится, так что можешь соснуть вертикальнорифмованного хуйца.
Вот это да, можно отключать полоску ограничения символов, пиздец гибкость!!1!
Анус себе выключи.
Бля, да он на винде, пацаны, все в макОС
Посоветуйте слайдер без jq зависимости.
Значить делаешь то, что я тебе сказал, но сначала у себя в мухосрани, а потом в дс.
Только вопрос встаёт, нахуя вообще ехать в дс?
Вот вы едете к нам, а дальше то что?
Сам напиши, чем ты хуже макаки с фл.ру?
Не понимаю логику перемещений через тач и инфинити луп. Объяснишь вкратце?
> тач
Нет, это не объясню. Сам вот этот юзал как-то, довольно годный. Правда там флексы, так что смотри сам http://idangero.us/swiper/
Спасибо :3
то что ты описал можно на гранте/галпе сделать, вебпак для хитровыебаного пердолинья с жс
Насколько я знаю вэбпак скубливает всё в один файл. И скрипты, и стили, и хтмл.
То есть о кэшировании отдельных файлов ты можешь забыть.
>Васяну биткоины помогаешь майнить
как что-то плохое
Можете посоветовать обучающие материалы по Бутстрапу? Буду очень благодарен
Спасибо!
Аноны, поясните, как сделать буфер обмена на десяток буферов? То бишь, допустим, есть дефолnный буфер обмена, куда всё попадает при хоткее ctrl + c, а есть ещё 10 дополнительных, куда текст попадает по ctrl+c+1 и при этом вставляется на ctrl+v+1.
Аноны сделал сборку в галпе. Подскажите, как сделать, чтобы не приходилось её по новой писать каждый раз, когда собираюсь верстать новый макет? Можно ли написать команду какую-нибудь в командной строке, чтобы все это установилось сразу?
У меня баш-скрипт раньше для этого был, но не удобно.
Сейчас просто на гитхабе сборка валяется. Мне норм.
Создаешь папку _boilerplate и кладешь в папку с проектами. Новый проект — копипастишь и переименовываешь.
Аноны, что никак не могу сообразить что к чему. С чего тут лучше начать?( Базовый курс по CSS итоговое задание.)
Если бы ты проходил с самого начала, то вопросов бы у тебя не было.
галпфайл и пекджджейсон закидываешь в новую папку, переходишь в нее в консоли, пишеш npm install, оно все устанавливает, что у тебя там прописано
Аноны, а можно модули ноды сохранять не в папке, а глобально на пеке? Как это провернуть, будет ли корректно работать? Какие подводные камни?
Да. Где угодно выше по дереву, в папке node_modules.
Алсо, если нужно поставить что-то глобально, то ставь с флагом -g
флаг -g в консоли прописывать в самом конце команды, да?
Где седьмойдень-кун? Ты там живой или перестал двач скролить на новой работе?
меня уволили
не пизди, ты не он
а i для чего? Не использовал её раньше.
Еще можно писать -S вместо --save и -D вместо --save-dev. УДОБСТВО.
то есть лучше всего писать npm i -g -s-d ?
Мне кажется, я тебе запутал. Если ты устанавливаешь что-то глобально, то зачем добавить это в package.json? Пиши npm i -g gulp для глобальной установки и npm i -D gulp для локальной.
>зачем добавлять это в package.json
Может, чтобы другой разработчик мог без проблем провести npm init , чтоб у него были все необходимые модули?
Привет, Аноны.
Мы начали создавать сообщество для совестного самообучения с нуля, с упором на HTML+CSS Мы хотим учиться вместе, чтобы была поддержка и помощь, и всё такое.
Всех, кто желает получить новую специальность или кому просто интересно, приглашаю начинать учиться вот прямо сейчас: https://vk.com/frontendheroes
Ты отец программирования? Может быть тебе будет интересно научить нас, сынков, чему-то новому или просто поделиться опытом.
Большинство начинают учить по этому курсу с самого начала: https://htmlacademy.ru/courses
Какие-то аноны учат по книгам, кто-то по другим сайтам. Заходите, рассказывайте о том, как учите, к чему стремитесь, и, самое главное, просите помощи, если есть трудности.
Что я могу предложить от себя? На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности, страницу во вконтаче и группу в телеге, чтобы можно было социализироваться.
https://vk.com/frontendheroes
Мы начали создавать сообщество для совестного самообучения с нуля, с упором на HTML+CSS Мы хотим учиться вместе, чтобы была поддержка и помощь, и всё такое.
Всех, кто желает получить новую специальность или кому просто интересно, приглашаю начинать учиться вот прямо сейчас: https://vk.com/frontendheroes
Ты отец программирования? Может быть тебе будет интересно научить нас, сынков, чему-то новому или просто поделиться опытом.
Большинство начинают учить по этому курсу с самого начала: https://htmlacademy.ru/courses
Какие-то аноны учат по книгам, кто-то по другим сайтам. Заходите, рассказывайте о том, как учите, к чему стремитесь, и, самое главное, просите помощи, если есть трудности.
Что я могу предложить от себя? На данный момент поддержку по всем вопросам начинающего, возможно свою квартиру в спб, чтобы можно было сидеть за одним столом и ботанить, попутно помогая друг другу преодолевать трудности, страницу во вконтаче и группу в телеге, чтобы можно было социализироваться.
https://vk.com/frontendheroes
я серьезно, сейчас в депрессии, ничего писать не хочу
что случилось?
Я тут, анон. Провалялся все выходные с ларингитом, было не до воркача, сейчас до сих пор говорю шёпотом, плюс кашель заебал.
Мелкобуквенный, который тебе отвечает — это не я, не верь ему.
Скачал на рабочий комп Virtual Box и образ Дебиана. Просто чувствую, что по скорости и производительности я упёрся в потолок с текущими инструментами (Sublime Text + Emmet + сниппеты) и хочу освоить, таки, всю эту серьёзную кухню: сборщики, менеджеры пакетов и иже с ними.
Довёрстываю проект, который начинал на той неделе, хотя дедлайн был в пятницу, лол. Но это ничего, время ещё есть.
Алсо, дизайнер совсем ебанулся, в макете половина надписей сделаны Comic Sans. Потихоньку начал писать что-то вроде стайл-гайдов, или рекомендаций, или как эта хуйня называется. В общем, советы "от верстальщика к дизайнеру".
Такие дела.
Галп умеющие, объясните что не так? Такого раньше не было. Почему он не показывает, что я его установил?
>Comic Sans
В голос.
лол, сидите тут напрягаете свою жопу, чтобы сверстать за жалкие копейки и ни один див не съехал, пока копирайтеры не напрягаясь пописывают и зашибают бабло. Неудивительно, вы ведь тупые и безграмотные криворукие школьники, куда вам до нас-писателей.
width: 146%;
Ты охуел свою группу раскручивать здесь?
Уже второй раз одно и тоже постишь.
Лови репорт.
>Лови репорт.
Ааааа! Только не репорт!!!111
Ну вообще, мне Аноны в воркаче сказали сюда запостить это, я так и сделал.
Ну ты давай, это, выздоравливай. Писать не забывай, я тут тобой мотивируюсь сижу.
борлеры, бэк имэйдж, епта.
че-то проиграл с лурка.
Почувствовал себя отставшим от жизни когда впервые зашел на лурк и нашел двач в 2016.
>2016-нюфаня
>Ну ты давай, это, выздоравливай. Писать не забывай, я тут тобой мотивируюсь сижу.
Лол, спасибо большое, анон, очень приятно, что я кого-то могу вдохновить.
Т.е. если я хочу пердолиться с реактом, и одновременно писать стили на сасс, то я сосну тунца?
Не соснешь. Как это вообще связно?
Не неси хуйни, пожалуйста.
Ну хорошо. Я просто сам пока особо не понимаю, пока что к практике и настройке не приступал. Понимаю, что можно и на галпе, но хочется вебпак пощупать.
На какой хостинг можно залить картинки вот в таком формате, чтобы они без проблем приклеивались к рассылке?
data:image/png;base64,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
data:image/png;base64,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
ой
Вебпак имеет смысл использовать только если у тебя SPA.
lotar659.github.io/catalog
Как мне привязать левую часть полосы заполнителя к левому регулятору в фильтре цены? Правая часть двигается путем изменения параметра width, а как правую часть двигать я хз.
Как мне привязать левую часть полосы заполнителя к левому регулятору в фильтре цены? Правая часть двигается путем изменения параметра width, а как правую часть двигать я хз.
Если ты инлайнишь картинки, то зачем их куда-то заливать? Суть base64 как раз в обратном.
>как левую двигать я хз
Фикс
Правильно ли я понимаю что чтобы делать сайты нужно еще уметь рисовать всякие картинки и иконки для его наполнения?
Или можно кодить просто, а картинки всякие другие люди делают?
ничего не знаю о вашей работе, мимо шел, возник вопрос
Или можно кодить просто, а картинки всякие другие люди делают?
ничего не знаю о вашей работе, мимо шел, возник вопрос
Сто лет уже как существует конвейер Форда в той или иной форме. Но остаются люди...
Ща попробую
Понятно, спасибо. А то у меня сейчас снова каша в голове, почти как в самом начале изучения, хех. Вебпаки, бабели, хуябели, инлайновые вставки, компоненты, автобусы, офигеть вообще.
Попробовал, как я и ожидал у меня уезжает вся линия.
Да, я уже понял, спасибо.
А как вы используете normalize c галпом и препроцессорами? Тупо берете normalize.css, меняете его на normalize.scss и импортируете в майн?
Или же через таск, как тут? https://www.npmjs.com/package/node-normalize-scss
Или же через таск, как тут? https://www.npmjs.com/package/node-normalize-scss
тупо беру normalize.css, переименовываю его в normalize.scss и подключаю к стилям через импорт
Тоже задумываюсь над этим вариантом, невижу никаких подводных камней, кроме того, что на новых проектах придется проверять самому актуальность версии. хотя она раз в год меняется
Сап, хелпаните, в чем я наебался? Сделал все как в интенсиве. Но нихуя не работает
В круглые скобки заверни, а не в фигурные.
в хтмл подключаю
Где брать хорошие, красивые макеты для верстки? От академовских уже блевать тянет
Анон ниже верно говорит.
А еще проверь, правильно ли ты записал класс в первой строке "user-loDin"
Спасибо, признаю себя невнимательным ебаланом. Но проблему не сняло.
Все, теперь все норм. Спасибо
Всех приветствую. Вкатился в верстку и теперь прохожу курсы самообучения htmlacademy.ru , думаю за пару месяцев освоиться и поработать низкоуровневой макакой чтобы дошиков себе скопить на полгода. У меня выйдет?
Да. За полгода точно. Если будешь нормально учиться.
Шапка для кого расписана?
За 2 месяца вряд ли.
выкатывайся нахуй.
работы почти нет, а на каждую вакансию слетаются стаи питушков "здрасте я умею верстать адаптивно, знаю бэм и пользуюсь галпом".
Потому что профессия версталы на последнем издыхании. Или ты думаешь, что тред зря во фронтенд переименовали?
лол, так тут уже смеялись над вами, мол фронтенд-хуенд, а тусуется здесь верстальное нубье в основном.
Ребят, а без препроцессоров никак? Мне они что-то не нравятся, только переменные удобная штука.
Все надо с чего-то начинать. Здесь тусуют и уже трудоустроенные фронты с некоторым багажом знаний (я, например).
можешь использовать препроцессоры но писать там обычный css. Всяко тебе когда-нибудь могут понадобиться их весьма няшные возможности, например, вложенность и миксины.
А на несколько файлов обязательно разбивать? Я же могу в одном .less файле все писать и послать советы Громова подальше?
вполне. Я бы, если б был говноверстальщиком и ваял бы лендинги, так бы и делал.
и при \том я вообще нихуя не делаю, не могу начать учить жквери уже четвёртый день
Делай как удобно, когда заебешься исправлять все в 10 местах и искать что-то в файле длинной с «Войну и мир», то сам перейдешь.
Че там искать? ctrl+f и все.
Ты такой простой.
Правильно, хуйня все эти препроцессоры. Хуйня разбитие на блоки. Зачем только опытные люди так делают? Идиоты, наверное.
Анончик, дай какие-нибудь советы, выхожу на днях на стажировку фронтом, но мне дико страшно и кажется, что я нихуя не знаю не кажется, лол и вообще обосрусь там и в первый же день меня пошлют с позором нахуй и занесут во все черные списки айти-индустрии так, что мне останется только на стройках горбатиться до конца своих дней.
Меня же не посадят сходу писать restfull-api, а дадут что-нибудь поверстать там, или нет? Учить будут, наверное...
Они согласились тебя взять, значит ты не так уж плох. Учить вряд ли будут, это ценное время более квалифицированных кодеров, тут уж справляйся сам. Меньше охуевай, больше работай, не бойся показать, что что-то не знаешь. И вообще не бойся.
А мне можно же будет какое-нибудь видео обучающее посмотреть или тупо сидеть позалипать в учебник Кантора? Просто ни разу в жизни не работал за 22лвл. вот и интересно все.
Ну так, эникеил только в школе на неполном дне и дома компы чинил.
>Могу ли учить верстку/JS после работы по 2 часа?
> Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
Опа, а по сколько надо? Занимаюсь ориентируясь на ~3 часа после учёбы в будни и 5-6 в выходные.
мимоштудент
объясните, что ему не нравится? Не могу картинку задним фоном поставить. Раньше все проекты верстал на рабочем столе, но тут решил на диске сделать. И хуй знает как его подрубать. Какой правильно путь надо указать? Делаю на галпе
с какого города?
Ну ебаный врот.
"../img/header-bg.jpg"
я так делал, не работает. работает только так "/img/header-bg.jpg"
Зачем тебе?
а чего ты боишься?
Не может быть. В этом случае главный стилевой файл у тебя должен лежать не в папке css, а в папке app, что тупо.
Ну вдруг ты HR из этой конторы. Сейчас расскажешь всем что я на сосачах сижу и будете ржать всем офисом, а потом уволите меня.
я сам не знаю почему так. Может это фишка вебшторма? Первый раз на нем что-то делаю.
Если ты спрашивал, чего боюсь по работе - то что я приду, а меня нагрузят какими-нибудь вещами, которые я в глаза не видел. Или поставят задачу, к которой я даже не знаю, как подступиться.
Ну и потом выгонят нахуй.
правильно сделают. Потому что ты ответил не на тот вопрос. Это уже о чем-то, да говорит.
Этого боялся каждый кто когда-либо начинал работать. Забей, чему быть того не миновать. Выгонят так выгонят.
Что было на собесе? Что сам знаешь?
>В этом случае главный стилевой файл у тебя должен лежать не в папке css, а в папке app
если бы путь начинался с img, было бы так. Но там впереди слэш (/img) - путь относительно корня сайта, а не css файла. Хостишь, получается, из app, значит app - корень.
То что ты спросил про "почему я боюсь назвать город" я ответил выше
И что дальше делать? В резюме лучше не указывать опыт: стажировка 1 месяц? Типа спросят, почему не остался работать и т. д.
Да стыдно даже говорить, но примерно
>"здрасте я умею верстать адаптивно, знаю бэм и пользуюсь галпом"
ну и еще JS непонятно для себя самого на каком уровне.
Кто-то юзает Jade/pug? Как-то сомневаюсь начать использовать, потому что вроде и с эмметом это все удобно.
обмазывайся. Удобные импорты html файлов, более понятный и лаконичный синтаксис, возможность на лету, прямо в вёртске, писать скрипты. Охуенно, в общем.
Тут кто-то когда, на такой вопрос порекомендовал сразу обмазываться реактом
так он прав. Ванила не нужна точно так же, как не нужен ассемблер или какой-нибудь машинный код.
А почему, объясни пожалуйста? Она же вроде удобная, понятная нет и логичная.
Очень плохо масштабируется, просто очень плохо. Куча проблем, если сам пытаешься манипулировать домом и ивент листенерами. Не позволяется напрямую работать с HTML. Написание даже среднего SPA на ванилле кончается изобретением своего фреймворка.
Кроме того, кучу проблем решает ES6. Без него иногда приходится городить по пять строк кода, где можно было бы обойтись одной.
Где перекат?
А чем вообще SPA отличается от обычного сайта?
А че вы тут все на вебшторм перешли?
не все
SPA разбирается с роутингом и генерирует HTML самостоятельно. Сервер один раз отдает скрипты и стили, а потом только отправляет данные через JSON.
Где прочитать/посмортеть про эти ваши SPA/REST и как принимать JSON с сервера? Вообще не знаю как это все работает.
Не знаю даже, погугли по терминам.
>как принимать JSON с сервера?
Да как и все, через XMLHttpRequest
Тип если мы переходим на другую страницу, то вместо того, что бы подгружать всю страницу, у нас подргужается только блок меню с измененной ссылкой на текущую страницу и тд?
А, вспомнил, это же бородач даже на продвинутом объясняет. Что-то я не попрогал тогда, когда смотрел и не отложилось в голове.
Тоже вебшторм запустил. Я так понимаю, он почти все умеет изкаробки, но и его можно по жопу обмазать плагинами?
И вообще можно с консолькой потом не работать. а все через него делать?
И вообще можно с консолькой потом не работать. а все через него делать?
Не совсем. У приложения на фронте есть состояние, в простейшем случае это просто большой JS-объект. Когда пользователь что-то делает на сайте, то меняется состояние, а приложение на его основе рисует новую страницу. Часть состояния приложение может определить само (куки, текущий URL), часть может запросить с сервера (список постов с авторами, датами и содержимым).
Как правило муторную работу по синхронизации состояния приложения с DOM берет на себя библиотека (читай Реакт или Ангуляр), а разработчику остается только управлять этим состоянием.
Это канонический пример декларативного подхода к программированию, в то время как обычный JS/jQuery реализуют императивный подход.
Ты так много знаешь, анон. Как стать таким же, как ты?
А в чем проблема иметь дело с консолью часто в сто раз быстрее и понятнее, чем через GUI. И гуглить легче.
Больше программируй. Все придет.
А мои знания фигня, я знаком с кучей людей намного умнее.
Удлил немножко лишнего из папки с проектом, но на гитхаб пока не коммитил, можно как-то докачать файлы из репозитория? git pull, запущенный в папке с проектом не сработал.
git checkout .
О, спасибо, добрый анон, волшебным образом все докачалось.
Не докачалось, а были отменены все изменения файлов на состояние последнего коммита.
Вообще можно было не точку ставить, а указать путь к конкретному удалённому файлу. Если что у тебя потёрлось важное, извини.
Анон, давай с тобой дружить, я на стажировку в пятницу выхожу и до этого с тобой ИТТ общался.
Одному чет пиздец как-то неловко, а так я хоть с кем-то впечатлениями буду делиться.
Корректность выделения контента из документа от Павлина - параша?
мимо, да и похуй
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/3
https://atom.io/
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
http://randomfederation.github.io/
Шпаргалка от Громова по гиту
http://nicothin.pro/page/git
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803
https://github.com/o0/keksobooking
Используемые нынче технологии
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред