Этого треда уже нет.
Это копия, сохраненная 5 октября 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
78 Кб, 700x700
Здесь аноны изучают верстку, фронт-енд и обсуждают #682807 В конец треда | Веб
Здесь аноны изучают верстку, фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 ипрочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================

КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ (ОБНОВЛЯЕТСЯ)

>Можно ли вкатиться в randomAge.


Можно.

>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.


Можно.

>С чего начать? Что учить? Куда смотреть?


Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.

>Есть ли работа?


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

>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc


Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
[YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)

>Сколько времени займет обучение?


Плотно стоящий на ногах верстальщик с портфолио из 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://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.

Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.

Гайд от анона по гитхабу:
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

Базовые обучалки от teamtreehouse любезно слитые аноном (только видео и только на английском):

JavaScript Angular/Node/D3/Gulp/NPM/OOJS/Ajax/Ember
https://mega.nz/#!C0ZmhIhJ !PoCGxIVvExoTa0rAjrDoXp-tjQ2kc3k5UasFu8lRB_4

Верстка Fluid grid, dev tools, seo, flexbox, sass, etc
https://mega.nz/#!PgRiXJLK!Ske0xNBP aC9Rm_3mV9c5Zoz6rD5Yna-V7pI-yzJOB_A

Используемые нынче во фронтенде технологии
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
======================

Обновления, организация и предложения.

В планах серьезно переработать пасту, перенести ее на gh-pages. Нужна помощь анона. Если согласен, все что от тебя требуется – предоставить использованные тобой учебные материалы.
Ссылки должны быть структурированы по группам.
Не нужно кидать все, просто выбери что-то годное, то что ты недавно изучал, либо годноту по теме которой грех не поделиться. Закидывай все это ответом в ОП пост.

Ребята из академии предлагают сотрудничество верстальщикам и фронтендерам, с опытом от 1-2х лет в индустрии.
Подробности здесь https://htmlacademy.ru/intensive/htmlcss/tutors

Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред >>671278 (OP)
#3 #682840
>>682824
Почему питунисты зарабатывают больше всех?
>>682858>>682888
#4 #682858
>>682840
Либо потому, что делать выводы по одной выкладке некорректно, либо ты выбрал неправильную профессию, срочно беги учить питон.
#5 #682882
Вопрос по javascript, как можно поменять имя файла, под которым он сохраняется на диск? Не просто поменять его src, а именно сменить имя под которым он сохраняется.
Хочу сделать userscript, чтобы картинки сохранялись, не как c9a76fdafc227f2e92d75380056eb182.jpg, а с предварительными тегами в названии.
>>682889
#6 #682888
>>682840
Прочитал как

>Почему путинисты зарабатывают больше всех?

>>687407
#8 #682891
Блин, жаль на говнорке нельзя просматривать, кто оставил апплай. Аж 20 обезьян на пакистанский проект слетелось. А вы тут переживаете из-за того, что у верстал по 30 тел на место конкурс, лол https://www.upwork.com/job/Front-End-Developer-Needed_~01ffbbfe5f3372f805/
>>682971>>683622
#9 #682971
>>682891

>20 обезьян слетелось



Всегда не понимал, как вы умудряетесь зарабатывать на этих ваших апворках, при такой индусской конкуренции.
>>683143
#10 #683045
>>682889
Благодарю. Спросить у гугла буквальным текстом, я и не догадался. Зато теперь буду знать про атрибут "download".
8 Кб, 285x283
#11 #683100
Обмазался галпом, поставил компилятор сцсс, после ошибки в синтаксисе перестает работать. И еще хули он так уебищно цсс файл делает?
#12 #683126
>>683100

>после ошибки в синтаксисе перестает работать


Gulp 4.0 не вылетает при ошибке. У кантора об этом говорится. Для предыдущих версий есть спец плагины.

>хули он так уебищно цсс файл делает?


Минифицируй его и всё. Или ты собрался в нём ковыряться?
>>683131
#13 #683131
>>683126
Я совсем нубас, но разве когда мы ставим галп, не ставится последняя версия?

> Минифицируй его и всё. Или ты собрался в нём ковыряться?


Будут копаться мои ебанутые коллеги-бэкендщики, которые не могут в препроцессоры, а учиться не хотят.
>>683139
#14 #683139
>>683131
4.0 - что-то вроде альфы, а ставится по умолчанию stable версия. Если я не ошибаюсь, то нужно npm install gulpjs/gulp#4.0.

>Будут копаться мои ебанутые коллеги-бэкендщики


Животные ебаные, хуй ли там учиться? Sourcemaps настрой, всё по тому же Кантору.
#15 #683143
>>682971
Ты не поверишь, но дажу славянский скам предпочитают индусам. При прочих равных у тебя шансов получить заказ больше.
>>683607
202 Кб, 1680x1050
#16 #683604
Насколько сильно выделеное на пике говноедство? Как сделать лучше и как получить значения inputов через react way? https://codepen.io/ogurchik/pen/zBZNQw
>>683619
50 Кб, 700x501
#17 #683607
>>683143
Только у индусов очень хороший инглишь. А с моей супер способностью - читать на английском учебники, я так и не получил ни одного заказа.
>>683840>>683874
#18 #683619
>>683604

> 0.13.0


> es5


> react.createClass


Довольно сильное говноедство само по себе, что заставляет вас начинать обучение с депрекейтед синтаксиса? Вот дойдешь до флакса/рефлакса, начнешь миксины использовать, а потом ХУЯК, в современном реакте миксины-то и не поддерживаются.
А вообще как-то так. http://codepen.io/anon/pen/PzVpGr отслеживаешь изменение вэлью, записываешь в стейт, потом берешь оттуда и делаешь, что хочешь.
Но если говорить о

> react way


То redux + redux-form в помощь. Охуенная штука, базарю, еще захочешь.
>>683654
#19 #683622
>>682891

>$5


Ебать. Это что бы купить себе мыло и веревку и повешаться нахуй? Даже в нашей хохлостанской глубинке это дно.
>>683630
#20 #683629
Посоны, посоветуйте ньюфагу годноты по bootstrap, чтобы совсем с нуля. Оф.сайт не осилил.
#21 #683630
>>683622

> $4.88/hr Avg Hourly Rate Paid


А что ты хотел от заказчика из пакистана?
#22 #683654
>>683619

>fetchWeather


А это что за зверь. И где ты читаешь документацию для ES6? А то я читаю фейсбучную инструкцию
>>683668
#23 #683668
>>683654
Это мой говнокод из учебной приложухи по выводу погоды через api forecast или как там его. fetchWeather - метод экшна (редакс), забыл удолить.

https://github.com/ericdouglas/ES6-Learning - ес6
По реакту гугли react es6, плюс на ютабчике есть довольно годные вебинары.
>>683685
#24 #683685
>>683776
54 Кб, 595x436
#25 #683776
>>683685
https://pankajparashar.com/posts/todo-app-react-js/
Я вот это вообще нимогу понять, тут есть код
handleSubmit: function(e){
e.preventDefault();
this.props.onFormSubmit(this.state.item)
Вот это

>this.props.onFormSubmit(this.state.item)


Что тут вообще происходит? Я уже час сижу туплю в эти строки и не могу понять что оно делает, похоже как функция получает аргументы, но это не то ...
>>683786>>687237
193 Кб, 1920x1080
193 Кб, 1920x1080
#26 #683786
>>683776
Сначала я тоже нихуя не понял, потом скопировал код в редактор и все стало наглядно.
Вызывается функция, которая передана выше и доступна через пропс ей передается стэйт, потом вызывается функция, которая апдейтит стэйт, записывая туда новые итемы.
>>683788>>683800
#27 #683788
>>683786

> Вызывается функция


Тут я проебался, но не суть важно
#28 #683800
>>683786
onFormSubmit это обычный props? Но он ссылка на функцию
updateItems: function(newItem){
var allItems = this.state.items.concat([newItem]); this.setState({items: allItems}); }, ?
И когда мы мы делаем onFormSubmit(someshit) , то мы по сути вызываем updateItems(someshit)?
софистика пиздец. А что же там дальше будет, мне страшно
>>683805>>683847
#29 #683805
>>683800
Да, это пропс. На сабмите вызывается функция, записанная в этто пропс. Вообще так никто не делает, для такой хуйни есть flux/redux/baobab и прочая поеботина, из которой сейчас используется только редакс и в особо раковых случаях - рефлакс. Правда там еще больше "софистики", коннектим компонент к экшенам, вызывается экшн, вызывается редьюсер, возвращается нужный стэйт и ну ты понял. Привыкнешь, лол.
>>683847
#30 #683840
>>683607
ты и по-русски через хуй объясняешься
>>683849
#31 #683847
>>683800
Вот кстати весьма годное интро по редаксу https://maxfarseer.gitbooks.io/redux-course-ru/content/tochka_vhoda.html
Там же где-то внизу можно найти ссылку на общее интро по реакту, но опять же - устаревший релиз и ес5, но может что-нибудь полезное найдешь. Вообще почти вся инфа на английском, из нормального только вот эти два туториала и кантор (ес6+вебпак), все остальное в русекторе какая-то лютая поебота.
>>683805 -хуй
24 Кб, 412x351
#32 #683849
#33 #683874
>>683607

> очень хороший


> у индусов


Ну если сравнивать селюка из нижней пердяевки - то да. А так их никто не понимает, у них пиздец а не английский, тру стори.
>>683884
#34 #683884
>>683874
Ну тогда у меня вообще полная жопа. Читать читаю, писать вообще не могу. Мне даже страшно представить что с нейтивами твориться когда они читают мою галиматью. А этот скилл надо качать, ой как надо...
#35 #683947
>>682824
С этим тредом у вас теперь в жизни никогда ничего не получится.
>>684016
#36 #683960
Задеплоил свое реактоговно на хероку, выглядит уныло. Но я доволен.
#37 #684016
>>683947
почему?
#38 #684208
Блять снова ньюфаг с вопросом про галп, какого хуя browsersync работает только на index.html, а на другие файлы нет?
>>684209>>684214
#39 #684209
>>684208

Коряво прописал запуск
>>684211
#40 #684211
>>684209
Блять, не поверишь, но надо было в эту хтмлку написать теги хтмл, хэд, боди и.т.п... как так то? А если я просто футер хочу редактировать?
>>684216
#41 #684213
>>683100

width-width?
#42 #684214
>>684208

> 2016.5


> browsersync

>>684218>>684219
#43 #684216
>>684211

Что я сейчас только что прочитал?
Короче что у тебя не работает при сохранении?
>>684219>>684221
#44 #684218
>>684214

> 2016.5


> browsersync



Ну-ка порази нас своими познаниями лайв-релоада?
#45 #684219
>>684214
Буду благодарен за годные альтернативы
>>684216
Смотри, если у меня в хтмлке лежит полноценная страничка, то она обновляется. Если там лежит просто секция с заголовком и текстом внутри, например - то нихуя страница не обновляется.
>>684226>>684234
#46 #684221
>>684216

И напиши как стартуешь browser-sync.
>>684224
#48 #684226
>>684219
Очевидный вебпак дев сервер.
>>684230
#49 #684230
>>684226

Т.е. ты хочешь предложить только вхожим нюфанькам сходу вебпак настраивать?
>>684237
#50 #684234
>>684219
>>684224
Короче, сам нашел инфу, browsersync надо куда-то пихать скрипты, поэтому без тэгов боди, хтмл, и хэд не обойтись...
>>684236
#51 #684236
>>684234
Точнее, только боди
#52 #684237
>>684230
Ты так говоришь, словно настройка вебпака под нужды верстальных препроцессоров + минификации базового джс чем-то сложнее, чем напихать пайпы в галпе. Там даже не надо делать продакшн и девелопмент версии.
>>684250
#53 #684250
>>684237

>нюфани


>препроцессоры


>минификации JS

>>684255
#54 #684255
>>684250
Имплаинг препроцессор это некая сверх-сложная йоба, а не примитивный синтаксический css-сахар.
Хотя ладно, некоторые вон ангулар, да что ангулар - проекты на реакте продолжают галпом собирать без нормального хотрелоада и девтулзов.
#55 #684271
Не могу залогиниться в консольке в гитхаб втф???Тупо не могу ниче писать
>>684286
#56 #684286
>>684271
Блять что за хуйня ебал в рот, почему когда надо вводить пароль, консоль никак не реагирует на нажатие клавиш.
>>684294
#57 #684294
>>684286
Ну охуеть, оказывается все работало, просто не показывало.
42 Кб, 604x400
#58 #684400
Пасаны, учу реакт , но зачем он мне, незнаю. То есть он мне нужен только для того что бы меня взяли на работу. Так вот вопрос , что на реакте можно интересного сделать, что бы эйчеры текли? В голову приходит только идея текстовой игры.
>>684500
#59 #684464
>>681451

>Битые ссылки, с главной не попасть в магазин, например


Ну потому что главной страницы магазина в этом макете нет.

>Стилизация по тэгам, каскад, вложенность и прочее, верстал бы сразу нормально, а то ты фактически скопировал верстку кокодемии.


В смысле скопировал верстку? Ну я смотрел интенсив и после этого начал делать макет.

>Проверку контентом не прошло ничего, кроме кнопочки, пикрелейтед.


Это вообще адекватная проверка контентом? Зачем писать одно огромное слово, а не много средних? Естественно оно будет вываливаться из блока если не прописан перенос. Но дело в том что таких длинных слов в природе не существует.

>Футер кривой, там 3 равные колонки должны быть.


А чем плох тот что сделал я?
>>684693
37 Кб, 604x397
#60 #684500
>>684400

>текстовая игра


>реакт


Напиши что-нибудь, работающее с API сторонних сайтов. Аггрегатор фоточек с инстаграмма по заданным тэгам, например. сам собираюсь написать такой для тамблера и поиска фотографий японских школьниц
#61 #684657
Бля, посоны как обратится к этой хуйне https://api.novaposhta.ua/v2.0/json/, пишет "Крос-домен иди нахуй", пользуюсь жиквери если что.
>>684693
#62 #684693
>>684464
Там не одно огромное слово. Это стандарт, если у тебя где-то из-за контента что-то распидарашивает - ты идиод, и тебя когда-нибудь морально или физически изнасилует какой-нибудь прожект менеджер или тимлид.
>>684657
http
>>684700>>684711
#63 #684700
>>684693
А так нельзя?
$.ajax({
type: "POST",
url: "https://api.novaposhta.ua/v2.0/json/",
data: "someshit"
});
И как правильно писать data? Нужно писать data: {kurwa:"someshit"} или data: "{kurwa:"someshit"}"?
>>684713
221 Кб, 1920x1080
#64 #684711
>>684693
Вот скрин из того сообщения (пик), там просто одно очень длинное слово, пробелов нет.
Попробуй вставить в эти блоки любой нормальный текст, либо просто скопировать тот же текст что там уже есть раз 5-10. Всё нормально растягивается.
>>684719
134 Кб, 1390x765
#65 #684713
>>684700
Не знаю, у меня с АПИ трудные отношения, только на практике могу разобраться, что им там слать и как все это дело распаршивать потом. Используй постман (гуглохромовое расширение), потыкай там, поэксперементируй.
>>684716
#66 #684716
>>684713
Да помоему, с такими документациями в этих API разобраться очень тяжело.
#67 #684719
>>684711
Вообще между каждый "оченьдлинноеслово" я ставил пробел.
>>684740
#68 #684740
>>684719
Тогда почему они испарились?
Я сейчас проверял на переполнение адекватным текстом, а не этим подобием - всё ок.
90 Кб, 545x282
#69 #684762
Ну охуеть, все уже с реактом пердолятся, а я сижу галп настраиваю чтобы он мне сасс собирал и префиксами приправлял.
Где остальные верстаны? Все разом забили или поэтапно перешли на реакт мимо JS?

Попутно еще один вопрос: посмотрел настройку и че-то не очень въехал. При установке галпа имеет ли разницу место куда его глобально ставить?

Воткнул по стандартному пути в консоли, после создал проект и при установке в проект, туда же устанавливаю галп-сасс, а он мне показывает огромный хуище.
В итоге галп-сасс устанавливается только туда, где глобально установлен галп, а не в проект. Че за хуйня?
>>684777>>684789
#70 #684777
>>684762
Ты идешь абсолютно не тем путем.
Галп - очень простое решение, настраиваемое в четыре клика.
Сосредоточься на коде, лучше пьюр.

Занимаются прокрастинацией и "выбором технологий", а потом ноют что нихуя не умеют/не берут на работу.
>>684787
#71 #684787
>>684777

Что за хуйню ты сюда принес?
>>684808
#72 #684789
>>684762

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


Где остальные верстаны?

Пфф, галп он собирает. Я вот верстаю только первый макет после барбершопа, вот где днище-то. При том, что я начал в июне, а в теме вообще с конца зимы.

Все потому что не могу в тайм-менеджмент, плюс работа и всякие проблемы. Но я все же верю в лучшее, так что может до зимы доберусь до нативного жс.
>>684816
#73 #684808
>>684787
Во-первых трипл, псина.
Во-вторых говорю тебе еще раз, чем больше ты дрочишься со своими галупамихуялпами не будучи в состоянии отличить компонент от контейнера, сеттер от геттера, а чистую функцию от грязной, тем больше твою мать позорят грязные котята во дворе.
>>684820>>685052
87 Кб, 779x682
#74 #684816
>>684789

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

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

Вот такая хуйня анон и прервать этот порочный круг не могу, хочу сменить работу на версталу, чтобы высвободить рабочее время под обучение всей кухне. Как-то так.
>>684829
#75 #684820
>>684808

Да хоть квадрипл, мне похуй.

Всему свое время, так что не пизди мне тут. Я тебе задавал конкретный вопрос.
>>684851
#76 #684829
>>684816
Ну, мне в голове-то тоже все кажется, что я знаю, как это сверстать. Могу не заглядываю в справочники все это описать, свойства необходимые назвать, ну т.е с дивана-то кажется, что приемлемый такой уровень для базового интенсива.
Но на практике постоянно какой-то обосрамс выходит. То блоки при зуме разъедутся, то с флоатами хуйня, то еще что. Т.е работать есть над чем.
Именно поэтому не хочу даже включать продвинутый, пока не сверстаю на флоатах без препроцессоров и прочей модной хуеты хотя бы три макета - нердс, техномарт и седону. Ну и для надежности можно прихватить еще парочку хипстерских из рассылки.
>>684832
#77 #684832
>>684829

Дело твое, но в чем проблема верстать сразу под продвинутый адаптив и подключать медиаправила?
Я всю всплывающую хуйню сейчас гуглю за пару минут и продолжаю, если не нагуглил - то в треде спрашиваю.
>>684845>>684846
#78 #684845
>>684832

>продвинутый интенсив


Самофикс.
#79 #684846
>>684832
Я знаю про медиаправила и адаптивность немного, нахватался из "Новой большой книги CSS", да и сейчас верстаю пару шаблонов по одним курсам от продавца ИНФОПРОДУКТОВ несмотря на зашквар, он довольно понятно все объясняет
Но вот что-то топчусь на месте, не могу дальше пойти. Мне кажется, что бессмысленно идти на адаптив, если даже базовые макеты не верстал под полную готовность с нуля. Барбершоп не в счет, там 50-60% с лектором верстается.
>>684853
#80 #684851
>>684820
Но он прав. Как можно так долго пердолиться с такой примитивной вещью, как галп? Держи хинт по доброте душевной. удаляй из пэкеджа бабль/вебпак, прописывай npm install, npm install -g gulp , прописывай в галпфайле свои пути, профит.
http://codepen.io/anon/pen/yJkKzB
>>684858
#81 #684853
>>684846
То есть не адаптив, а продвинутый интенсив. Ошибочка вышла.
#82 #684858
>>684851

Прочитал инструкцию, начал устанавливать, наткнулся на непонятный момент, решил спросить: почему так?

>Как можно так долго пердолиться, держи готовый конфиг.



Спасибо, анон.
>>684861
#83 #684861
>>684858

> конфиг


> готовый


Сам себе противоречишь. Олсо, я ответил на твой вопрос, все зависимости устанавливаются локально в проект, единственное, что можно установить глобально - сам галп/вебпак.
>>684865
#84 #684865
>>684861
gulp-cli естественно
#85 #684897
Фронтаны, разморочьте меня насчёт SCSS. Я не понимаю, почему он становится стандартом.
Вот есть LESS, он — лёгкий, простой, удобный, красивый (вкусовщина, да), дружелюбный. Если ты (твой проект) стал в LESS себя чувствовать ограниченным и нужны функции-массивы-выебоны, то есть PostCSS, на котором можно хоть в аршинах паддинги мерить, он всё может.
Почему все дрочат и требуют SCSS? Даже Бутстрапон теперь.
>>684902>>685043
#86 #684902
>>684897
При том, что есть Веб-компоненты, которые вообще хуй клали на эти детские катания на флоатах.
>>684947
#87 #684947
>>684902

Все дело в долларе в начале. Все любят доллары.
#88 #685043
>>684897
Тем более, что ты создаёшь файл shame для всяких костылей. А он называется shame.less. И ты чувствуешь себя крутым, пока мама не позовёт борщ есть.
Синтик нинужон.
#89 #685052
>>684808

>отличить компонент от контейнера, сеттер от геттера, а чистую функцию от грязной


как/где такому научиться?
#90 #685259
А правда, куда выкатились все начинавшие/продвинутые версталы? Раньше в день по 200 постов строчили про выпадающие паддинги и свг-спрайты.
67 Кб, 600x600
#91 #685270
>>685259

Вымирающий вид. Работу нашли 4-5 анонов, в том числе ОП. Остальные хуй знает куда делись.
#92 #685467
Что-то мне подсказывает что есть способ сделать эту мозайку проще, чем сделал это я http://dzambato.github.io/google/index.html
Есть у кого ссылочка почитать?
>>685596
#93 #685542
http://codepen.io/anon/pen/WxPYaB

Посоны, помогите. Есть абзац с текстом и ссылка. Нужно, чтобы ссылка вела себя так, как если бы она была внутри абзаца. Условие: ссылка находится за пределами абзаца, использовать JS нельзя. Внешне должно выглядеть как на втором варианте.
#94 #685560
>>685259

Я тоже когда в одеск вкатывался постил по десятку постов в день. Потом вкатился, заимел рейтинг, постоянный контракт, и как то смысла больше в тред заходить не стало, раз в пару месяцев чекаю в ридонли.
>>685571
#95 #685562
>>685542
Позиционируй
>>685609
#96 #685571
>>685560

Как подписывался, и платина: какие скилы, на что аплаишься, как конкуренция?
#97 #685596
>>685467
http://bennettfeely.com/clippy/
Про поддержку мозиллы и работы с свг сам нагуглишь
>>685801
#98 #685597
>>685542
Зачем такое условие? Всегда ссылку на "читать дальше" пихают в абзац, что ты хуйней занимаешься?
>>685606
#99 #685606
>>685597
Посоны, очевидно, что не я придумал себе такие условия. Скажите, это возможно или нет? Просто перед тем, как сказать заказчику "да это хуита, это невозможно без JS", хотел спросить у знатоков, чтобы не обосраться, вдруг меня потом ткнут носом в решение со словами "учи верстку, пидар, ты уволен"
>>685610>>685760
#100 #685609
>>685562
там текст разной длины может быть
>>685626
#101 #685610
>>685606
Хуй знает тогда как, делай на джсе хули ты, там не сложно.
#102 #685626
>>685609
Ну тогда внеси ссылку в параграф, поменяй ей тип на линейный.
А еще break-word задай параграфу, а то не по-пацански
>>685634
#103 #685634
>>685626

>Ну тогда внеси ссылку в параграф


В том что и дело, что так нельзя по условиям задачи
>>685635>>685637
#104 #685635
>>685634

>В том-то и дело


быстрофикс
#105 #685637
>>685634
Так дай условие, ебать. Откуда я знаю, что можно, то нелья

Если честно, хуйней какой-то занимаешься
>>685645
#106 #685645
>>685637

>Так дай условие, ебать


Держи >>685542
>>685657>>685693
#107 #685647
Сука, в кои то веки в моей мухосрани появилась вакансия в офисе, а там ебунячие знания требуются блядь "В идеале - Yii, Yii2, Mysql, js,j query, git, svn."
>>685667
#108 #685657
>>685645
Тогда скрой к хуям ту ссылку, что есть, задай псевдоэлемент и стилизуй как нужно
>>685693
#109 #685667
>>685647
Ну так сходи, там же в идеале написано.
>>685692
#110 #685692
>>685667
И я такой прихожу и говорю что знаю нихуя, изучаю html/css и скоро доберусь до js
#111 #685693
>>685657
>>685645

.container:first-child .paragraph::after {
content: "Link";
background: #faf;
padding: 4px;
}

.container:first-child .link {
display: none;
}
>>685752
#112 #685707
Так, господа продвинутые, поясните за relay и GraphQL - насколько это вообще востребовано? Фигачу mediocre хуиту на реакт+редакс вполне уверенно.
Пиздец, чем дальше продвигаешь, тем больше учить, мозги пухнут, конца и края нет, надо было реально на завод идти.
#113 #685752
>>685693
Ты меня наебать решил?
>>685771
#114 #685760
>>685606
Не то, чтобы невозможно, но даже не имеете никакого смысла. Нет, можно заделать абсолютно спозиционированную ссылку и подстраивать ее размеры/позиционирование в зависимости от текста в параграфе на JS, но зачем?
#115 #685771
>>685752
Я тебе твою бесполезную задачу решил. Жаль ты копировать и вставлять не умеешь
>>685818
#116 #685801
>>685596
Спасибо Гораций. То что нужно.
#117 #685818
>>685771
но псевдоэлемент это не ссылка, ты понимаешь?
#118 #685881
Фронтаны подкиньте задачек по нативному JS, начал читать Кантора, но хочется задачек более приближенных к боевым.
>>686073
#119 #686073
>>685881
Во второй части учебника
#120 #686265
Посаны, а кто-нибудь вообще учился на интенсиве хтмл академи? Стоит оно того, годно ли учат? Можно ли обойтись их вебинарами?
#121 #686381
Как записать вот такое одной строчкой?

>reviews.classList.remove("reviews-1");


>reviews.classList.remove("reviews-2");


>reviews.classList.remove("reviews-3");

>>686452>>686511
#122 #686384
Бля, реально такое чувство, что все версталы дропнули и выкатились отсюда. Ну что ж, по крайней мере остаюсь я. Правда, тут теперь среди сообщений о js и редаксе как-то неуютно.
>>686392>>697173
#123 #686392
>>686384
да закончили просто с пипетками и паддингами и на js перешли.
я вот свой адаптивный пинк практически сделал, щас мелкие улучшения делаю и js учу.
#124 #686452
>>686381
Код покажи и что нужно сделать
#125 #686506
Фронтаны, поясните за препроцессоры по хардкору. Слушаю Громова с его ебанутой манерой проглатывать окончания, через раз воспринимаю информацию.
И сейчас реально пока не придумал ни одного примера в верстке, где мне было бы это необходимо. Пока нихуя не вижу магического ускорения написания кода, т.к. мне проще прописать конкретное значение селектору, чем держать в памяти, где там, блять, я прозрачности ебанул и как переменную обозвал.
В дальнейшей поддержке кода, да, будет прирост в производительности - все решается изменением значения переменных.
Поэтому прощу по хардкору пояснить в чем плюсы, т.к. пока это только усложнение первоначального написания?
>>686629
#126 #686511
>>686381

Через запятую все классы перечисли в скобках.
28 Кб, 693x531
#127 #686549
Верстач, нид хелп. Есть одна тема тублеровская, Optica. Как привинтить к ней два блока для баннеров 468х60, чтобы они располагались под изображением шапки, слева и справа от аватарки? Код темы http://pastebin.ru/CzuBNVYY#
>>686574
#128 #686574
>>686549

Пиздец ты код вкинул. Под какое разрешение твое чудо сверстано?
>>686582
#129 #686582
>>686574
Э..э...э, я тупо скопировал код в редакторе на самом Tumblr.
>>686599
#130 #686599
>>686582

Вот смотрю я на шаблон и мне он ни разу не внушает доверия, т.к. подхватывает css и скрипты с Tumblr.
Если тебе похуй на сайт, то ставь шаблон и сделай два блока под баннеры хоть абсолютно спозиционированные, слева и справа от лого.

Если не похуй, то придется вычищать говно вилкой из него прежде чем себе ставить.
>>686623
#131 #686623
>>686599
Ты неправильно меня понял, мне нужно привинтить банеры к шаблону на самом тумблере, чтобы они отображались когда блог просматривается с браузера, я не собираюсь это шаблон никуда ставить.
#132 #686629
>>686506
Сам синтаксис ускоряет процесс. Плюс миксины и экстенды заебись помогают
>>686636
#133 #686636
>>686629

Первоначально синтаксис замедляет пиздецки. Экстенды с БЭМ?
>>686640
#134 #686640
>>686636
Схуяли он замедляет-то. Я не всегда бем использую. Тащемта не хочешь не используй.
>>686654
#135 #686654
>>686640

Я написал - первоначально. Хотя, соглашусь, даже если использовать вложение свойств и ссылку родителя, то, да, быстрее чем обычно. Что еще дает прирост?
>>686656
#136 #686656
>>686654

И забыл, почти платина: как заставить саблайм понимать конструкции сасс из коробки с этим у него хуево?
>>686946>>686965
#137 #686946
>>686656
Установить плагин же.
Установить это https://packagecontrol.io/installation
Потом запустить менеджер пакетов и найти там нужный плагин.
>>686964>>686980
#138 #686964
>>686946

Благодарствую, анон. А тот как истинный нюфанька пользовался искаропки, бугуртя от ебучей вставки кода для подключения плагинов. Придется таки поставить.
#139 #686965
>>686656

>2016


>саблайм

>>686967
#140 #686967
>>686965

Вот даже не начинай сейчас.
#141 #686980
>>686946

Какой годноты из плагинов также стоит поставить?
>>686991>>687223
#142 #686991
>>686980

Сейчас поставил Scss, Css3, JavaScriptNext и подумываю про Color Highlighter и Emmet. Что еще заслуживает быть в общей упряжке?
#143 #687004
Короче пацаны додвачевался. Учил, учил js, но нихуй не научился. Вопрос как вытянуть данные из функции. Есть запрос аякс с помощью jquery - http://codepen.io/ogurchik/pen/JKzWjy. Их это запроса мне надо вытянуть значение переменой Сity. Назначать глобальную переменую и в случае успешного запроса присвоить ей значение Сity?
>>687163
#145 #687165
>>687163
Это не тебе, хз почему так вышло
#146 #687210
>>687163

Это очередное подобие конфы, или что-то другое?
>>687250
#147 #687212
Новый дизайн вконтакта видели?
>>687216>>689666
#148 #687216
>>687212
Обфейсбучился. Увеличиваю размер шрифта и всё едет к хуям.
>>687218
127 Кб, 884x800
#149 #687218
>>687216
font-size: 12.5px;
#150 #687223
>>686980
Я ставлю только подсветку синтаксиса для нужных языков + эммет. Остальное нинужно по большей части.
>>687270
#151 #687237
>>683776
кекс, мой район на пике
>>687239
#152 #687239
>>687237
и нечего удивляться отчего у Летова такая безнадега в текстах.
#153 #687250
>>687210
Прочитай манифест
>>687673
#154 #687270
>>687223

На том же собственно и остановился сейчас, подсветка синтаксиса, отображение цвета и Эммет. Поехал мобильный пинк верстать.
#155 #687360
Где же реки свежей крови, вроде как курсы академии прошли или идут?

Стариков нет, новичков нет, тишина, как в библиотеке.
Где ламповые треды и борцы с пипетками наперевес?
>>687673
#156 #687407
>>682888
Надо меньше читать /po.
56 Кб, 500x750
#157 #687452
Ребят, пилю барбершоп, надеюсь сделать это за пару дней (ибо ленивый). Хочу сделать это на вебпаке (с тулзами, будто я с бородой) - настроение на это есть, и все равно неизбежно - так почему бы и нет? Я уже сделал главную, но вопрос в общем пока не о верстке, а о приблудах с тулами:
- есть webpack.config.js, конфиг npm, делаю на sass, пока без БЭМ. Есть тут люди, которые уже работают с этим всем говном и могут посоветовать про правильную модульность sass (на какие блоки и как подключать отдельные импорты в bundle.sass) и выкат в dist folder? пока все идет через webpack-dev-server для hot-reload.
>>687457>>687677
#158 #687457
>>687452
Ах да, забыл, если кто-то не полениться посмотреть на структуру и меня по делу обругать, вот репозиторий: https://github.com/MirayaReie/_htmlacademy_barbershop
>>687460
#159 #687460
>>687457
Ебаный мягкий знак, я такое редко делаю, сорян.
#160 #687673
>>687250
А в чем смысл сей конфы, чем вы там занимаетесь? Верстаете в команде за идею? Почему используете стайлус? Онли верстка, я правильно понимаю?
>>687360
Cами же говорили - меньше народу, больше кислороду.
>>688141
#161 #687677
>>687452
Вебпак для чистого цсс этого оверкилл, конечно.
Я использую такую сборку, можешь подсмотреть там плагины для sass. Только у меня цсс подрубается в компоненты реакта, поэтому без сборки в отдельный продакшн-цсс файл https://github.com/acilsd/boilerplates/blob/master/react-starter/webpack.config.js

Модульность самая обычная, уровня http://codepen.io/anon/pen/AXwdVP
>>687697>>687713
#162 #687697
>>687677
Спасибо, сейчас поколупаюсь.
165 Кб, 1420x715
5 Кб, 568x92
#163 #687704
https://github.com/odinDwaTri/vkpatch/blob/master/vkpatch.css

запилил исправления нового говнодизайна, зацените аноны, поправьте код, если можете

Так же хочу вернуть панель слева, которая имелась раньше, когда заходишь в диалог, можно было вернуться по клику по левой панели в диалоги, сейчас же приходиться целить в сообщения, что крайне неудобно.
Как я понимаю одним ксс это не исправить?
Сейчас так же назад можно вернутсья ткнув сюда (2 пик) может эту панель переместить как-то налево?

Как закрепить меню слева (сообщения, новости и т.д.)?
К иконке телефона (сейчас просто прямоугоьник) я хочу добавить ещё один прямоугольник - типо белый экранчик. Как сделать?
#164 #687707
>>687163

Кто из местных сидит там? Очередной бодишоп?
>>688141
#165 #687713
>>687677

Ничего удивительного, тут вебпак для лайв превью уже рекомендуют.
>>687716
#166 #687716
>>687713
Ну wds с хотрелоадом и правда охуенная штука, которая еще и настраивается в 1 строчку.
>>687721
#167 #687721
>>687716

А чем в говностудиях обычно собирают проекты?

Смотрю вакансии верстал, там в 1 из 10 случаев галп или грант, в остальных - нихуя.
>>687729
#168 #687729
>>687721
Без понятия.
Вообще сборщики - вещь настолько тривиальная и примитивная (например с вебпаком анон, который вообще не шарит в жс, сможет разобраться за день максимум), что указывать ее в вакансии как-то глупо.
216 Кб, 985x888
4 Кб, 790x58
4 Кб, 541x90
#169 #687733
А пока вы пиздите, я вот что сделал.

Если есть умеющие в ксс, поясните:
Так же хочу вернуть панель слева, которая имелась раньше, когда заходишь в диалог, можно было вернуться по клику по левой панели в диалоги, сейчас же приходиться целить в сообщения, что крайне неудобно.
Как я понимаю одним ксс это не исправить?
Сейчас так же назад можно вернутсья ткнув сюда (2 пик) может эту панель переместить как-то налево?

Как закрепить меню слева (сообщения, новости и т.д.)?
К иконке телефона (сейчас просто прямоугоьник) я хочу добавить ещё один прямоугольник - типо белый экранчик. Как сделать?
>>687734
#170 #687734
>>687733
блять, не туда
#171 #687739
>>687729

>с вебпаком... разобраться за день максимум


Расскажи это ребятам, которые тут конфу постоянно вкидывают.
>>687743
#172 #687743
>>687739
Да с этих парней я сам проигрываю, каждый раз вспоминаю их вебинар.
#173 #687746
Как создать репозиторий внутри репозитория?
Хочу, чтобы в репозитории front-end был репозиторий barbershob, к примеру. Чтобы в куче все файлы не валялись.
Неужели для каждого макета новый реп создавать?
>>687760>>688804
#174 #687760
>>687746

>Как создать репозиторий внутри репозитория?


Иксзибит, иди на хуй.
Просто создаёшь ветку, в которой добавляешь и пердолишь очередной макет, потом сливаешь с основной. Зачем ещё репозитории?
#175 #687766
>>687729
ну я вчера весь день с вп ебался пока нормально настроил. там то картинки не подгружал, то еще какую хуйню не видел. так или иначе - гуглить много надо чтоб с нуля вкатиться. с другой стороны я понимаю, что пара учебных проектов с разными билдами - и можно более менее освоиться. но вот твое сообщение заставляет меня чувстовать себя тупым.
>>687776>>687780
#176 #687776
>>687766
>>687729

Почитал Вас всех и пошел выкидывать галп к хуям.
>>687780
#177 #687780
>>687766
Ну я тоже за день как раз осилил, скринкаст кантора + пара часов усиленного гугления (т.к. у кантора почему-то куча недочетов, из-за которых сборка того же реакта+пресеты не работает/работает криво).
>>687776
У них разные задачи. Для верстки вебпак неудобен, т.к. придется ебаться с конфигом. В тоже время в галпе достаточно напихать пайпов и у тебя все красиво и быстро собирается.
А еще особо продвинутые хипстеры совмещают галп с вебпаком.
#178 #687788
Помню, когда я в тред вкатывался, все работали с грантом, а на галпистов смотрели широко открытыкми глазами, как на нереально продвинутых хипстеров.
>>687798
#179 #687798
>>687788

Я даже боюсь спрашивать, чем ты сейчас занимаешься?
>>687812
#180 #687812
>>687798
Сосу Пилю приложуху на реакт-редаксе, думаю закончить до конца недели, что-нибудь напиздеть в резюме и уже пойти работать версталой не хочу
Ну еще вот написал свой говносервак для регистрации/аутентификации пользователей на экспрессе, но это такой охуенный велосипед, что я точно его никуда не задеплою, лол.
>>687814
#181 #687814
>>687812

Охуеть, ты сколько всему этому училсячто ты там за йобу пишешь? Почему не искал работу раньше?
>>687822
#182 #687822
>>687814
Где-то полгода.
Потому что верстка мне остоебенила практически сразу, не хочу этим заниматься, а жаваскрипт нравится.
158 Кб, 1600x876
#183 #688119
лiл дня: Всю жизнь проработал на upwork'e никаких претензий, доебался чел вбыдлятне просил пиздец примитивный лендинг захуярить, я осведомившись точно ли ему поебать на то, какие технологии я буду юзать замутил компоненты на вебпаке подобие компонентов смотри пик седня написал заказчик выебывался, его макакий не смог разобраться что к чему, пришлось вернуть 4.5 тысячи

Алсо: вы заебали переименовываться, хуй найдешь.
#184 #688120
>>688119
А хули ты выебываешься, хипстер, ебта, я, блядь, смотрю в исходники, а там пиздец, ебана рот.

Зачем ты ему деньги-то вернул? Работу сделал? Сделал. Олсо ты на апворке пиэсди-ту-аштиэмэль+жс промышляешь или как? Там же конкуренция дикая.
>>688123
#185 #688123
>>688120
а что не так с исходниками ? если ты про дич в медиа, то я для примера на скорую руку накидал
Давненько не верстал прост.

> Зачем ты ему деньги-то вернул? Работу сделал? Сделал.


Ну он не согласен был что я ее сделал и мне проще было деньги вернуть т.к. он начал выебонить да и с моего города и ебал я в рот в общем то 4.5 рублей

> Олсо ты на апворке пиэсди-ту-аштиэмэль+жс промышляешь или как


не нода, реакт, угловой
>>688124>>688140
#186 #688124
>>688123
Это я так шутканул типа, мда.
А я бы вряд ли вернул, но я в ДС, хуй меня тут кто найдет, лол.
Понятно. Я пока только в реакт+редакс могу, ну и всякая прикладная поебень, немного д3, в общем, тухловато.
>>688125
#187 #688125
>>688124
GraphQl ? Если нет, попробуй обмазаться т.к. +10 к длине члена
>>688127
#188 #688127
>>688125
Ну я имею представление, что это, но пока даже полноценной фронтендо-обезьяно себя назвать не могу, и на практике у меня все ограничивается банальным аяксом через какой-нибудь аксиос или фетч.
#189 #688129
Верстаны, какой класс по БЭМ нужно задать LI'шке ? Что то не врубаюсь
https://jsfiddle.net/s9nhkcbe/1/
>>688130>>688133
#190 #688130
>>688129
ul - news-list
li - news-list__item
Я бы так сделал.
>>688131
#191 #688131
>>688130
ааа, как отдельный блок его называть ? Понял, спасибо анончик
#192 #688133
>>688129
БЭМ не должен быть связан с тегами html вообще. Представь, что ты свою страничку просто на картинке видишь, не можешь увидеть теги. Освободись от тегов и всей прочей разметки, так ты познаешь золотой путь наименования.
И что ты видешь? Блок "новостей-список", "новостей-списка__пункт", "новостей-списка__пункта-заголовок" и т.д.
А недопонимание твоё случилось от того, что ты с тегами что-то не прочувствовал. ul это уже блок. Ему не нужна обёртка из другого блока aside. Можешь ариа-роль для ul использовать, если семантика нужна.
Либо, если уж очень хочется aside, то ты его вообще не трогаешь. Он у тебя висит нетронутый, только для html(у него будет только стандартное свойство displey:block; он как бы прозрачный и просто под содержимое растягивается, никаких классов). А вот внутри него будет уже БЭМонутый ul со всеми классами-выкрутасами.
>>688135>>688139
#193 #688135
>>688133
Короче, всё просто. Сначала делаешь (в уме) разметку классами по БЭМ. А потом уже к классам подходящие теги приписываешь, а не наоборот. Подходящие по смыслу (по семантике). Если у тебя там в списке заголовки новостей, то это всё h1, потому что они все первого уровня сами по себе. А не h3, чтоб шрифт маленький был.
>>688138
#194 #688138
>>688135
я бы вообще так сделал:
aside.related-news > article.related-news__item > h1.related-news__item-header + p.related-news__item-text
#195 #688139
>>688133
спасибо.

> Ему не нужна обёртка из другого блока aside


нее, там обертка все таки нужна потому что будет еще что то типа span.news-counter сестринским ul'ке
#196 #688140
>>688123
>>688119
Если еще тут, подскажи, на каком этапе можно вкатиться на апворк, чтобы не обосраться? Могу пилить относительно сложные штуки на реакте, но вот бэкенд ограничивается запросами к существующему АПИ и простенькими велосипедами на экспресса+монгодб.
>>688142
#197 #688141
>>687707
Это не бодишоп
>>687673
Можно сказать за идею, но больше это нацеленно на получение опыта работы в команде.
Стайлус и все остальные технологии использует создатель, в разных проектах можете использовать разные технологии и собственные договоренности.
Не только верстка, каждый может создать команду в гит-организации, собрать людей и делать, то, что хочет, верстка это как вкат для начинающих и первая проба командной работы.
#198 #688142
>>688140
да хз, если умеешь в реакт то обосраться сложно, самое сложное на апворке получить первые 10 заказов

ну по реакту без бэка где то 3 таска в день у меня в ленте возникает, вкатывайся хули, ставь сначала 8-11$/hour и пиши в профиле дескать так и так ньфаг тут так что вам повезло с такой низкой ценой т.к. работаю считай за отзыв.
После 2-3 хороших отзывов или просто 5 звездочек повышай рейт до 17-20 и решай уже фронт или фуллстак
если первое то переписывай все свое портфолио на ангуляр т.к. на нем объективно больше работы. хотя можно и на одном реакте работать ибо средняя продолжительность проектов 2-4 месяца.

если второе то разбирайся с топовыми либами как то: паспорт, memcached, redis, socketio, sequileze на гитхаб короче посмотри что там в nodejs инфраструктуре котируется

> простенькими велосипедами на экспресса+монгодб.


лол почти вся работа с нодой этим ограничивается
>>688143
#199 #688143
>>688142
Cпасибо большое.
Ангулар мне как-то не зашел, после реакта на нем неприятно писать. Сейчас допиливаю портфолио на реакте как раз, подыщу хостинг и пойду соперничать с индусами.
>>688145>>688173
#200 #688145
>>688143

> Ангулар мне как-то не зашел, после реакта на нем неприятно писать


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

Я когда начинал, был проект с командой в 4 мидла и лид, на мой вопрос чому не реакт, он сказал, что ебал следить за тем чтоб каждый из нас консистентный код на реакте писал, сказал что если это не одна и та же команда использующая реакт а всегда разные люди в итоге выходит сорт оф лебедя рака и щуки
>>688173
141 Кб, 794x1144
#202 #688173
>>688143
>>688145

>Ангулар



Хочешь работать на западе - учи реакт. Иначе добро пожаловать к индусам.
>>688175
#203 #688175
>>688173
Я и учу реакт. Вернее, вполне себе выучил. Сейчас на практике закрепляю.

Понимаю, что вопрос может быть неуместным, но кто-нибудь юзал MobX? Выглядит прикольной альтернативой шизоидному родному флаксу и не менее шизоидным творениям на его основе (привет, рефлакс).
https://www.youtube.com/watch?v=_q50BXqkAfI
>>688634
121 Кб, 1154x808
123 Кб, 1158x806
#204 #688358
устроившийся версталой кун репортинг

Давно сюда не заходил, дохуя работы, да и больше как-то от верстки хочу отойти в сторону JS.

Тут столкнулся с непонятной хуйней в пайчарме. Может, я дурак, но не понимаю в чем проблема. Собсно, по скринам все понятно. Вопрос - почему пайчарм так реагирует на два дефиса в имени html файла?
>>688373
#205 #688373
>>688358

>версталой


А с каким багажом устраивался?
>>688454
#206 #688392
В ie11 едет флексбокс разметка,
как поправить?
#207 #688418
В процессе изучения js решил написать простенькую игрушку, даже без использования canvas, чистый DOM. В итоге оказалось куда сложнее, и такой вопрос - в какой программе лучше и проще нарисовать единой схемой все классы и прочие компоненты программы, чтобы было видно, что чего включает, что наследует, как оно работает и нахуя оно вообще нужно. С текстовыми пояснениями.
Раньше для подобной фигни использовал XMind, но это всё же не то.
#208 #688454
>>688373
C багажом версталы. HTML/CSS, adaptive/responsive, Bootstrap/MDL/Foundation, Flexbox/<picture>, gulp.
#209 #688524
Нашел в местной студии вакансию джуниора и собираюсь на нее откликнуться, но интересует следующий момент - резюме обязательно должно представлять из себя пдф или любой другой формат файлик + сопроводительное письмо или можно просто написать сообщение на указанный имэйл, перечислив штуки с которыми я знаком/имел дело?
>>688539
#210 #688539
>>688524
Сверстай письмо таблицами.
#211 #688552
https://arctic-hare.github.io/
Не могу понять почему в ие11 сьезжают абзацы в футере и в слайдере
Ну и вообще оцените мой адаптивно-резиновый пинк.
>>688556
299 Кб, 1879x965
#212 #688556
>>688552

Как-то так.
#213 #688582
еще почему то не отображается фон карты для разрешения 321-700. Просто пишет что в имг нет такой картинки хотя она там есть.
странно как то все это:(
>>688641
169 Кб, 1600x876
#214 #688634
>>688175
лол енто знак
#215 #688641
>>688582
во, пофиксил,
оказывается название для css файла должно быть строго style.css
#216 #688715
Аноны, годный курс?
https://nnmclub.to/forum/viewtopic.php?t=973073
>>688718
#217 #688718
>>688715

>GoIT


>Привлекательные CV, профиль на Linkedin


>программа самоподготовки к уровню Middle


>HTML/CSS Верстка (12 занятий)


>Куда флоаты поехали блядь


>GoIT

>>688719
#218 #688719
>>688718
Это типо рофл? я новичёк.
>>688722
#219 #688722
>>688719
Да, топрофел.
Бери базовый курс Академии из шапки. Смотри его насквозь, под пивко, чтоб просто общее впечатление о сфере сложилось. А потом начинай много и вдумчиво читать, много и вдумчиво ручками писать. Никаких волшебных видосов не бывает. Можешь и твою хуйню посмотреть, но 110 часов дерьма — слишком много.
Скоро блядь начнут появляться "обучение сеньёра-фронтендёра по методикам НЛП и 25 кадра".
>>688740
#220 #688740
>>688722
я начну с базового за 2016 ( там вроде седону верстают?) и продвинутого 2015 + базовый js за 2015 норм?

МимоITшник 3ий курс
>>688776
#221 #688742
Как по краям текста сделать ну например звездочки (в моём случае капли, изображения). Текст по центру. С before/after заебись, пока текст в одну строку, если же в две то капля переходит на 2 строку.
>>688751>>688776
#222 #688751
>>688742
оберни текст и делай псеводэлементы от обертки
>>688793
#223 #688776
>>688740
Нормально, только не полагайся на них как на уроки. Они скорее как экскурсия. Больше упора делай на чтение с карандашом, на нудную практику. Видосики не сделают чуда.

>>688742
Тексту релейтив с паддингами, псевдоэлементам абсолют с координатами.
>>688793>>689742
69 Кб, 1129x330
#224 #688793
>>688751
>>688776
Я то делал как вы советовали.
Я тут такую штуку заметил. Пик в общем. В мозиле работает как мне надо, в остальных же косоёбит. ммм
>>688798>>688801
#225 #688798
>>688793
"материально-техническое" пишется через дефис
по верстке - хуй знает, я слишком ньюфаг(
#226 #688801
>>688793
Проблемы недозондов элитного версталу не ебут.
Открывай в инспекторе в Хроме и смотри всё внимательно. Может он там какие значения по-умолчанию добавляет или какие свойства без префикса вычёркивает. А вообще, читай шапку. Нету кода — на хуй послан.
>>689109
#227 #688804
>>687746
git submodule
10 Кб, 284x177
#228 #688867
Элита, поясните за понятия и звания в вашей хате. Кто корону носит - веб дизайнеры или веб погромисты? Кто очки пидорит - SMM макака или CEO чухан? Кому свободу в коде, а кому перо под костыль?
>>688876
#229 #688876
>>688867
братан, чем больше знаешь тем паче
вот например можешь сходить сюда
http://scanlibs.com/
и прочитать все что сможешь по тегам
HTML, CSS
JavaScript
SEO
Это фактически фуллстэк тебя с такими скилзами и парой проектов в портфолио с руками оторвут, за дизайн ниче не скажу т.к. не умею
#230 #688916
Сверстал свое говно, может кто покритикует
https://arslangapizov.github.io/nerds/index.html
https://arslangapizov.github.io/nerds/catalog.html
>>688925>>688974
#231 #688918
В общем в ie 11 если назначать флекс элементы в свою очередь флекс контейнерами то их элементы при задании ширины в 100% тянет не по родительской ширине а по прародительской.
как пофиксить это говно...
#232 #688925
>>688916
вторая страница, калькулятор ебу дал у меня
>>688929
#233 #688926
https://litvinenkoevgeny.github.io/weddingmusic
сверстал свое говно тож критики жду
>>688968
#234 #688929
>>688925
слайдер с прайсом?
я там в скрипте наговнокодил, пока еще не знаю как исправить
#235 #688951
Почему нет продвинутого за 2016 в шапке?
https://nnmclub.to/forum/viewtopic.php?t=1032872
#236 #688968
>>688926
Полностью твой код? Сколько учился?
>>688994
#237 #688974
>>688916
На первой странице, при наведении на корзину, херня происходит.
#238 #688994
>>688968
год обучения, два года работы, но это далеко не самый сложный проект
>>688995
#239 #688995
>>688994
как учился?
>>689000
#240 #689000
>>688995
прочел по html,css,js 30 книжек грубо говоря, но вообще все читал что под руку попадалось потом пол года писал вещи, которые казались очень сложными и я понятия не имею как их сделать
>>689002>>689009
#241 #689002
>>689000
Тоесть дошёл до такого уровня по книжкам?
Не использовал всякие htmlacademy?
>>689007
#242 #689007
>>689002
нет на академию не заходил ни разу, самый большой прыжок по скилзам произошел когда делал нетривиальные вещи.
А по книжкам, даже по js после кантора, подробного руководства и js ниндзя уже повторяться начало и я перестал с хтмл и цсс еще раньше
>>689010
#243 #689009
>>689000
Виртуально сосу у тебя.
#244 #689010
>>689007
может посоветуешь из этой ГОРЫ книжек вот самые ГОДНЫЕ, алсо из JS фреймворков знаешь что?
>>689017
#245 #689017
>>689010
ну бля по жс илюха клитор и подробное руководство и js ниндзя, по сути тебе больше ничего не надо т.к. дальше только спеки экмы.
по html/css советовать ничего не буду т.к. то что читал я уже морально устаревшее говно, гугли че нить за 15 - 16 год на амазоне а потом в гугле bookname filetype:pdf или bookname torrent
и вперед когда по ходу чтения поймешь что автор заебал банальные вещи расписывать можешь книгу бросать и гугли всякие tecnologyName blueprints, tecnologyName cookbook, tecnologyName paterns или сразу пиздуй в чужом коде на гитхуб ковыряться.

из фреймворков знаю ангулар, реакт и нодовские сейлз и экспресс, вот думаю чем то легким типо vue обмазаться, а лучше по их гитхабу свой vue запилить на jade построенный

только основная мысль была в том, чтоб ты больший упор делал на написание кода, чем сложнее приложения которые ты делаешь, тем быстрее ты растешь
>>689020
#246 #689020
>>689017
что для фронт-энд джуна можно запилить? асинхронное на angular ?
>>689026
#247 #689026
>>689020
дашборд,

генератор статических сайтов
http://www.layoutit.com/build

графики какого нить битка как то:
https://bitcoinwisdom.com/markets/btce/btcusd
вуаля! Теперь ты нехилый такой миддл с пониманием архитектуры, и не запутываешься сам же в своем коде
>>689112>>689794
#248 #689109
>>688801
https://jsfiddle.net/5fyeLvx7/1/
Код. В инспекторе хрома пусто (в смысле лишнего говна не добавляет, видать спцифика движка такая).
В фф - четко, в остальных - говно.
>>689112>>689114
#249 #689112
>>689026
Хардкорненько. Я вряд ли осилю визуализацию.
>>689109
span - display: block;
>>689114
#250 #689114
>>689117
#251 #689117
>>689114
before,after идут до и после блока, а не до и после текста
>>689119
#252 #689119
>>689117
И че?
>>689126
#253 #689126
>>689119
Ничего.
>>689137
#254 #689127
Посоны, как расшарить переменные между Jade(Pug) и SASS? Ну типа ширину для media запросов итд.
1918 Кб, 750x750
#255 #689137
>>689126
Ну ок
>>689160
#256 #689160
>>689137
На пикче обложка какого-то музыкального альбома (без лягухи, есессно). Помню, что видел буквально месяца два назад на ютабчике, но не могу вспомнить.
Антоны, если кто знает что за оно, подскажите.
>>689243
#257 #689208
Дорвался до двача без тора.

Во-первых: что за пони блять на пике в торе, ОП?
Во-вторых: как писать из тора, а то мало ли?
В-третьих: у меня месяц чтобы из недоученного адаптива (верстаю пинк) подготовится для версталы, скоро уволят.

Поэтому реквестую гайдов по подключению плагинов на jquery, написанию несложных скриптов на js, натягиванию верстки на cms. Гугл выдает по jquery какой-то треш.

Фронтаны, спасайте комрада.
>>689248
104 Кб, 512x512
#258 #689243
>>689160
Кандзи на обложке читаются как "atarashi hi no taishou", или "Рождение нового дня".
В ютубе гуглится 28-14: Birth of a new day с этой обложкой, поэтому, надо полагать, это оно и есть, анон.
#259 #689248
>>689208
Плагины подключаются в соответствии с их документацией, гуглишь плагин - подключаешь. цмс аналогично. JS учится по кантору.
>>689250
#260 #689250
>>689248

На Кантора времени фактически уже нет, месяца на нормальные познания итак мало, а мне кроме него еще дохуя нужно.
#261 #689255
Аноны подкиньте идею юзернейма для гита, чтобы hr'ы текли и обрывали телефон?
59 Кб, 1019x960
#262 #689382
Пишу простенькую хуитку, которая юзает oauth API гитхаба.
Кликаем на кнопочку, логинимся на гите, нас редиректит назад. Суть в том, что webpack-dev-server при этом начинает искать контент в поддиректории /auth/ и естественно обсирается. Как это можно наименее болезненно пофиксить? Нарыл какие-то велосипеды на экспрессе с проксями.
Конфиг вебпака самый обычный, канторовский, контент хостится с рут-директории, historyApiFallback воткнул еще когда с роутингом разбирался.
Буду благодарен за любую подсказку.
>>689393>>689677
#263 #689393
>>689382
Лол, оказалось достаточно захуячить в статик индекс.хтмл строчку <base href="/index.html">
>>689406
#264 #689406
>>689393

Фронтач - морально помогач.
>>689456
#265 #689456
>>689406
А то, уже который раз решаю вопрос только после того, как спрошу в треде.
#266 #689470
Кто-нибудь юзал амперсанд.жс?
#267 #689514
Объясните мне как оргаизовывать стили в реакт приложении?
>>689524
#268 #689524
>>689514
Да как хочешь. Можешь сделать в вебпаке вторую точку входа, чтобы стили собирались в отдельный файл и подключать их соответственно в индекс.хтмл. Можешь в каждый компонент импортировать личный сасс/лесс/стул файлик со стилями. Можешь импортировать main.scss/less/styl, который импортирует все остальные стилевые компоненты в корневой index.js/app.js/чотамутебя.js
155 Кб, 960x727
#269 #689526
Вопрос к тем, у кого фронт-енд не основной.
1. Смотрят ли "небогатые" клиенты на фрилансе на валидацию HTML кода?
2. Нужны ли всякие Бутстрапы и в каких проектах?
3. Есть ли смысл задрачивать HTML5 теги вроде всяких <section> или их всё равно все сбрасывают и переопределяют?

А то 3 года уже работаю верстальщиком/php-погромистом, но тренды не использую особо, а просто повышаю цену на услуги.
>>689786
#270 #689537
js по Кантору норм учить?
#271 #689663
>>685259
Пашем все, что еще делать. Сам захожу раз в неделю, если вспоминаю. Кстати, чому front-end тред заменили обратно на верстку?

Пилю годноту. Как только начинаешь понимать, что верстка для тебя не так уж и сложна, начинай проспамливать почту работодателям, которые ищут работников на удаленку. Только не кидай свое резюме сразу всем. Хватит и 2-3 компаний за неделю при нормальном портфолио.

Сибирь-кун, пахавший сначала за 150 в час, потом отчаявшийся и решивший пидорить на завод, а после нашедший аутсорс в ДС за 300 рублей в час.
>>689668
#272 #689666
>>687212
Пиздатый дизайн. Вся лента пестрит кукареканием про говно, дуроввернистену и прочей хуйней.
#273 #689668
>>689663

>аутсорс


Не подскажешь контору? Алсо, что скажешь насчет http://csssr.ru/ (если работал там)?
#274 #689670
>>689668

> Верстальщик пиксель-перфекционист


> пиксель-перфекционист


Плюнул бы им в ебало за такое.
другой анон
>>689674>>689686
#275 #689671
>>688119
Послал бы нахуй. Работа сделана, не твоя проблема, что он нашел конченого макакия на бэк. Пиздец, конечно, какие омеги идут в профессию. У нас же сплошь стресс, если не толстокожий, то заклюют.
#276 #689674
>>689670
Хотя вот за тестовое задание им спасибо. Странно только, что такой примитив у них идет с пометкой "middle/senior".
>>689676>>689688
#277 #689676
>>689674

>Странно только, что такой примитив у них идет с пометкой "middle/senior"


Вангую что потом откроется дохуя подводных камней.
>>689677
#278 #689677
>>689676
Ну я чисто для себя, как раз сейчас клепаю фиговину, работающую с апи гитхаба, а фантазии на что-либо, кроме просмотра списка репозиториев определенного юзера не хватило. >>689382-кун если что
#279 #689686
>>689668
Не работал. Двачую этого >>689670 , тоже бы плюнул. Вроде как один знакомый, учивший меня пару лет назад верстке, попробовал туда устроиться, его не взяли. Но сейчас я понимаю, что он был слаб.

>Не подскажешь контору?


Диванон, извиняй.
Но могу дать совет. я искал работу по принципу: "Не браться за долгосрочные проекты, за проекты различных mlm или постоянных онлайн-магазинов или порталов, которые постоянно перепиливаются." Я просто не могу работать над одной и той же хуетой больше 3 месяцев. Потому я ищу работу в веб-студиях, которые раз в пару месяцев берут новый заказ, а не в компаниях, которые зарабатывают на продаже рекламы со своих сайтов.
#280 #689688
>>689674
Я как-то пытался с их шаблоном сверстать эту хуйню, у меня знатно тогда бомбило. У них там какой-то пиздец с шаблоном был, как сейчас помню. В итоге я поразбирался пару часов и забил.
>>689686-кун
>>689694
#281 #689691
>>689686
Спасибо, этого вполне достаточно.
#282 #689694
>>689686
>>689688
Кстати, не подскажешь, можно ли полностью отказаться от поддержки ie11 в своих проектах? Есть ли такие студии?
>>689757
#283 #689742
>>688776
Что читаь? Новая большая книга CSS есть, что-то еще?
#284 #689757
>>689694
Нет, на данный момент даже топовые студии верстают под ie11. Но это не страшно. Нужно быть совсем криворуким, чтобы словить баги в нем.

Кстати. сегодня как раз правил баг форм за одним верстальщиком.
>>689759
#285 #689759
>>689757
Пиздец. Просто верстаю на флексах а они едут под ie. Под него нет никаких хаков для совместимости?
>>689762
#286 #689762
>>689759
Все нормально с флексами на 11 ишаке, минорные баги, связанные в основном с флексовыми контейнерами внутри флексовых контейнеров и маргин:ауто. Так можно вообще только под хромог верстать, потому что там допускается не писать bottom/top 0, а в лисе без этой строчки какая-нибудь абсолютно спозиционированная хуита весьма закономерно съедет.
>>689764
#287 #689764
>>689762

>маргин:ауто


Вот эта херь у меня и съехала. Спасибо, обойду значит.
>>689766
#288 #689766
>>689764
Позволь спросить, зачем ты вообще флексовые автомаргины заюзал?
Нет, они очень клевые, но все тоже самое можно и без них, и не сильно сложнее, зато железобетонно. (если не брать в расчет ие9 с полфиллами, лол)
>>689770
#289 #689770
>>689766
Да просто запись понравилась. Коротко и в одну строчку. Вернул обратно на джустифай с алайнами.
>>689783
#290 #689783
>>689770
Тогда понятно. Я вот сейчас как раз стилизую по-быстрому свое реакто-говно, и т.к. мне пофиг на ишаков вовсю фигачу авто-маргины. С ними, конечно, прикольные ассиметричные сетки можно делать (тут есть пара примеров, например http://stackoverflow.com/questions/32551291/in-css-flexbox-why-are-there-no-justify-items-and-justify-self-properties )

Вообще, я когда верстал свое первое говно на флексах (седона), нахватал кучу подводных комней, но как ни странно - все они быстро и легко фиксятся тупым брутфорсом в девтулз.
>>689788
#291 #689786
>>689526
1 и 3 нахуй не нужно.

> Нужны ли всякие Бутстрапы


Да, если макет бутстраповский(т.е контейнер от бутстрапа и сетка 12 колонок)

> в каких проектах?


Во всех, которые хуяк-хуяк и в продакшн.
мимо-верстальщик-уже-3-месяца
#292 #689788
>>689783

>реакт


С этими реактами/ангулярами перспективы есть вообще? Если несколько небольших приложений (вроде todo) запилю - спрос на такого человека будет? Или сразу нужно гигантскую админку создавать чтобы работу получить?
>>689794
#293 #689789
>>682807 (OP)
подкиньте годную фриланс биржу, плииз
>>689790>>689793
#294 #689790
>>689789
upwork
>>689792
#295 #689792
>>689790
Умирает.
#296 #689793
#297 #689794
>>689788
Туду на реакте пилится за пару часов вообще без знания жаваскрипта, из которых полтора часа у тебя уйдет на поиск и установку пакетов и чтение документации. Вот эту фиговину https://react-blogpost.herokuapp.com/ я запилил за полтора дня (оче долго ебался с АПИ). Выводы сделай сам - нужен ли кому человек, который умеет то, что любая обезьяна за день освоит? Нет

> гигантскую админку


Такое можно пилить месяцами, что мягко говоря непродуктивно в условиях ускоренного обучения.
Вот этот анон >>689026 написал нехилые такие йобы, которые лично я буду пилить недели две точно, но это нифига не энтри левел, плюс там нужны знания библиотек для визуализации (chartsjs/d3js).
Вот у этих >>689668 чудиков в разделе вакансии/js девелопер есть два весьма простых тестовых таска, оба из них на джуна (несмотря на то, что одно из них почему-то помечено "миддл")
#298 #689809
Ну и вообще если сгрести в одно целое кучу инфы+советы знакомых+баттхерт копирайтеров, то я лично сделал следующие выводы:
На любом фреймворке нужны
(собственно, сам сейчас и сижу на 3-м шаге,)/spoiler[]:
1) какая-нибудь базовая фиговина, но не совсем уж хэллоуворлд. Например тудулист, но с возможностью редактировать/удалять/сортировать/искать по названию/дате/помечать цветом
2) какая-нибудь базовая фиговина, работающая со сторонним АПИ. Гугл/фэйсбук/гит/ютуб/новости/погода - пофиг, главное чтобы работало и выводило что-нибудь наглядное. Можно анимациями обмазать в цсс, чтоб свистоперделки маскировали примитивность, хы.
3) что-нибудь продвинутое. Если реакт - то что-нибудь с редаксом, если ангулар - без понятия, я только мельком его глянул.
...4) добавить сюда что-нибудь на ванилле в ООП стиле, лучше еще и на ЕС6. Подойдет любой кулькулятор, главное, чтоб работал. Если есть время, можно поколупать какой-нибудь D3. Ну и основы ноды+экспресс, уметь написать простенький сервак, который хостит страничку (10 строк кода примерно, да).
Эмбер лучше не трогать до момента обретения устойчивости в индустрии. Бэкбон вообще не нужен.
>>689831
#299 #689817
>>689813
Вебпак уже настроили?
>>689834
#300 #689829
Может платина, а хуй знает. Месяца 3 назад когда изучал верстку, то поглядел немного про ангуляр1. Понравилось, показалось легко (но хуй там естесствн, но не об этом). Сейчас решил ангуляр2 позяпать. Со стороны ньюфага совсем другая херня, в видосах кукарекают что стало легше. (что интересно никто там на js не пишет, онли ts). Так вот вопрос: стоит задрачивать первый ангуляр или второй? И что там с тайпскриптом, без него можно обойтись?
>>689847
#301 #689831
>>689809
Годно. Кстати, как часто ооп используется в жаваскрипте? Просто крайне с трудом его понимаю.
>>689847
#302 #689834
>>689817
Чёт я не понял что это за прикол с конфой был.
>>689847
113 Кб, 1948x858
#303 #689847
>>689834
Да это так, забавная история. Что там у них в конфе я не знаю, но: Они как-то пафосно вкатились, с анонсом, все дела, дескать, сейчас у нас будет лайв-кодинг вебинар, научим ньюфагов кодить на реакте. Каждую неделю, говорили, будут проводить. А потом они два часа в прямом эфире не могли настроить сборку реакта. С тех пор никаких вебинаров, только раз-два в тред вкатывается их пиарщик с новой ссылкой на конфу.
>>689829
С первым ангуларом похожая ситуация, как с пхп. Вроде говно, но на нем столько всего накодили, что даже если пхп завтра прекратят поддерживать, то работы для пхпистов будет еще лет на 20 вперед. Сам по себе ангулар мне показался легче, чем реакт, но при этом он какой-то говнистый. В реакте ты минимум хтмла запихиваешь в JS, в ангуларе ты JS запихиваешь в их убогие шаблоны, плюс дичайшая абстрактность - я тут про реакт бомбил, дескать, нихрена непонятно, а у ангулара вообще своя атмосфера. Про второй ничего не скажу, кроме того, что там можно и на ЕС6 писать (они же не дураки ограничивать перспективный фреймворк только лишь мертворожденным синтаксисом).
>>689831
ООП это паттерн программирования, намного проще для понимания, чем функциональщина. Практикуется везде, ты в том же реакте 90% времени будешь работать с объектами. Да и там ничего сложного нет, пикрелейтед нагло врет (я серьезно) (хотя в пхп что-то похожее, но пхп это вообще отдельная история).
>>689868>>689874
#304 #689868
>>689847
Не, я конечно немного знаком с ооп, классы конструкторы области видимости итд, изучал основы джавы. Но это какая-то жесть. Думаю, здесь попроще будет с этим.
>>689874>>689888
#305 #689874
>>689847
>>689868
Получалось как на картинке, кстати. Почти один в один. Слева как объясняют в туториалах, справа - на практике. Джаву дропнул после этого.
#306 #689888
>>689868
Да ну, я когда начинал вникать, думал "ух, сейчас дойду до прототипов, наконец узнаю, что это на практике". В итоге это настолько естественная вещь, что я сам не понял, как начал этим пользоваться, причем если меня спросят "расскажите про ооп в джаваскрипте", я смогу лишь промычать что-нибудь типа "нууу там прототип и можно делать еще прототипы и еще прототипы и там потом цепочка наследования... эээ, кхе-кхе".
Но я кроме жс только пехапе более-менее занимался, вот по сравнению с ним жаваскрипт - как оазис под куполом с вентиляцией посреди пустыни из засохшего дымящегося на солнце дерьма. Очень дружелюбный язык, особенно когда перестаешь ебать себе мозги необходимостью поддерживать кривые высеры мелкософта (спасибо, реакт/ангулар/и даже жиквери). Какие-нибудь матерые питонисты/крестоебы, наверное, рассмеются, если им такое сказать, хех.
>>689909
#307 #689909
>>689888
Ну, думаю, дойду до реакта а там и может подтянется все само собой.
>>689922
#308 #689922
>>689909
Ну кстати да, самый простой пример из реакта. У него есть "типа-класс" Component.
Всю байду, которая в нем есть, можно отнаследовать, создав свой компонент class Helloworld extends Component {
}
И там писать свои методы. В итоге в нашем компоненте будут свои методы, плюс все методы Component. И несмотря на весь синтаксический сахар под капотом будет что-то типа HelloWorld.prototype = Object.create(Component.prototype). Ну или типа того.
В общем, на практике все становится ясно сразу и отчетливо, а когда просто читаешь Кантора, хочется кого-нибудь пристрелить или пойти на завод.
#309 #689946
Хотя вот вообще мне ангулар показался намного проще реакта.
Т.е. сам по себе реакт вообще мимими няшная легкота, но это только вью лэйер, к нему нужно обязательно добавить редакс, что-нибудь для асинхронных действий, еще что-нибудь и еще что-нибудь, и сотня тысяч вариаций того, как это можно написат, а если ты вдруг нашел какой-нибудь "sort of рабочий солюшен", а там какие-нибудь миксины (а они там 100% будут, т.к. даже официальная документация реакта учит ньюфагов писать в ес5 стиле), то соси хуй и пили свои велосипеды или ищи библиотеки для поддержки миксинов и пили велосипеды к ним или просто иди нахуй, хули ты тут выебываешься со своим 15-м реактом и экстендами, блядь, реакт.креэйткласс нахуй.
У ангулара же все есть искаропки и все точном соответствии с документацией. С другой стороны там дохренища индусов, убогие шаблоны, убогая работа с ДОМом, плюс "you are not learning javascript, you are learning angular".
>>689950
#310 #689950
>>689946

>"you are not learning javascript, you are learning angular"


This. Наверное, самый главный минус. Хайп на ангулар пройдет - выкинешь весь свой багаж знаний, приобретенный за многие месяцы, на помойку. С реактом хоть жс будешь знать. А жаль, так-то вариант искаропки несравнимо удобней, конечно.
>>689955
#311 #689955
>>689950
А возможно это и хорошо, что не нужно знать весь js чтобы начать кодить?
мимонюфак
>>689957
#312 #689957
>>689955
Если стоит вопрос как можно быстрее начать зарабатывать на дошираки, то может быть ангулар и предпочтительнее реакта. Но знать жс нужно в любом случае. Достаточно знать основную теорию и хотя бы примерно понимать, что происходит под капотом - вот последнего тебе ангулар не предоставит, там просто нереальнейшая абстракция.
#313 #689977
>>682807 (OP)
школярий 17лвл, хочу себе на сигареты и шмот заработать. Пробовал рерайт и копирайт, хуйня полная. из навыков: нихуя не умею, готов учиться, немного владею паскалем, лол. Устроило бы рублей 50-100 в день, работая 2-4 часа
%гоните его, надсмехайтесь над ним..%
>>689980>>690005
#314 #689980
>>689977
Быстро учишь вёрстку, делаешь портфолио, отправляешь в местные конторы - зарабатываешь.
>>689982
#315 #689982
>>689980
Быстро это означает минимум 2-3 месяца, а то и все 6, с учетом того что мне ещё предстоит в школе хуячить?
>>690000>>690205
#316 #690000
>>689982
Да. А ты хули хотел. По твоим показателям всё реально. Но зависит всё только от тебя.
>>690037
#317 #690005
>>689977

>50-100 в день


толока тред ждет тебя
#318 #690007
Куда двигаться после верстки барбершопа от академии?
>>690009
#319 #690009
>>690007
Вёрстка пинк/техномарт/нердс
Потом смотришь продвинутый курс, ебошишь респонсив седону/пинк
>>690011
#320 #690011
>>690009
это уже ПОЛНОСТЬЮ самостоятельно? я сейчас смотрю базовый от 2016 и там только барбершоп верстают, что в остальных?
#321 #690037
>>690000
спасибки
#322 #690047
Посоветуйте русские фриланс-биржи.
700 Кб, 1600x1600
#323 #690052
>>690050
Вебпак настроили уже?
88 Кб, 1003x704
191 Кб, 1124x1330
#324 #690152
Посоны, а я вообще не зря читаю front end handbook и все ссылки оттуда?

Алсо, как вам их гайд: подойдет или для западного рынка более жизненно, а тут своя атмосфера?

На втором скрине прилагаю расписание с одной из ссылок хэндбука, тоже прокомментируйте пожалуйста.
>>690502
#325 #690205
>>689982
Главное соблюдать режим сна!
#326 #690280
Ребятки, как по фен-шую работать с дом в ангуляре?
Там же просто манипулировать дом в контроллере это уже говнокод, насколько я помню.
Где пишется по-хорошему работа с дом?
#327 #690502
>>690152
Я по мере надобности читаю оттуда, просто читать хз. Гайд вроде универсальный и наверно не обязательно по пунктам идти потому что практика все это пересекает. Я бы по проходил второй скрин, можешь дать линк?
#328 #690521
Почему браузеры меняют z-index?
почему я пишу в стилях z-index: 10 он становится 5
я пишу z-index: 4 он становится 3
???
>>690524>>690526
#329 #690524
>>690521
значит всего 5 элементов, тот, что ты сделал максимальным, будет 5.
>>690526
#330 #690526
>>690524
>>690521
не, этим оказывается cssnano занимался, надо бы его нахуй убрать из рабочей сборки
#331 #690545
поцоны, реквестирую AceJump/easyMotion для visual studio code заебался гуглить
#332 #690546
485 Кб, 799x772
#333 #690623
спрайт с официального сайта олимпиады
>>691464
#334 #690624
не очень они любят svg
#335 #690630
Спустя полгода всё-таки нашёл себе работу. React/Redux джун, зарплата, правда, нищенская, но я доволен. Только хуй знает, как это всё совмещать с учёбкой в другом городе. Успешнокуны, поясните за переработки, насколько часто вам приходится доделывать таски на выходных/после работы?
#336 #690632
>>690630
На свою зп можешь в своем городе снять квартиру купить еды на месяц и еще чутка отлаживать:
>>690633>>690645
#337 #690633
>>690632
*знак вопроса в конце.
#338 #690638
>>690630
Сколько? Город?
#339 #690645
>>690632
320 евро квартира, 130 еда, 50 на проезда (возможно и больше). В лучшем случае 200 евро откладывать могу, но это ведь нихуя.
>>690652
#340 #690651
Почему на апворке так много заказов с вордпрессом?
#341 #690652
>>690645
А, но это не в России. Средняя по городу 1900 EUR, минимальная 450 EUR. Мне дали 700 EUR частичными выплатами (600 ежемесячно, 300 каждый квартал). Т.е. минимальную з/п.
#342 #690653
Короче, хуёвенько всё. Возможно, придётся отдавать больше половины за жильё, ибо моё текущее местоположение мне не подходит и ещё полгода хуярить за еду, потом просить больше, ибо я не всчитал оплаты за заочное обучение в вузике (600 EUR каждые 5 месяцев).
Такие дела. Но зато вкатился, да.
>>690657>>690663
#343 #690654
>>690630
Я в твоей ситуации съебал из вуза, но я был молодой и шутливый.
Олсо, какой уровень знаний у тебя? А то я тоже тут на реактоджуна собираюсь.
>>690658
#344 #690657
>>690653
Больше половины - это нормально, для начала.
#345 #690658
>>690654
Очень средний. Три маленьких проектика на гитхабе, около двух лет ебли с жабоскриптом, в сиви вписывал всё подряд, даже json и xml, поэтому там вышел длинный список. На интервью по скопу дали несколько заданий, просто куски кода, где переменная запутана в блоки и функции и нужно сказать присвоенное ей значение, ответил очень быстро и это было решающим моментом, ибо конец интервью, собеседующие фронтэндэры уебали дальше работать, а директор оставил мне свой номер телефона и мыльцо, в остальном сильно обосрался. Спросили про удобства React'а, рассказывал им про VirtualDOM, а они хотели слышать про масштабируемость приложений и прочая хуета.
Из вузика нельзя съебать по некоторым причинам, хотя я бы и рад, ибо учусь в мухосрани, а работа в ДС, 6 часов дороги, каждые два дня съезды по 24 часа в общем на выходных. Попробую рвать жопу за еду, может потом проще будет.
#346 #690661
>>690658
Из сложного спрашивали по тестам, с которыми я не очень, по безопасности, просили пояснить CORS, разницу между ассинхронной загрузкой скриптов, синхронной и defer, SEO, какие мета-теги знаю и нахуя. Но в целом стандартно, даже разица между == и === была.
>>690666
#347 #690663
>>690653
За 5мес отложишь 1000+ квартальные 300 получишь!
>>690675
#348 #690665
>>690658
Латыш, ты? Помню тут одного в этом треде, мелькал раньше.
Все равно поздравляю, главное ведь вкатиться для стажа.
>>690675
#349 #690666
>>690658
>>690661
Понятно, спасибо.
#350 #690675
>>690663
Было бы неплохо, через полгода ведь будет нормально и прибавку просить?
>>690665
Не, я в Ваве. У латыша всё хорошо же, я его два месяца назад встречал здесь (или это скандинав какой-нибудь был, не помню).
>>690812
#351 #690682
>>690658

> двух лет с жабоскриптом


А что ты эти два года делал? Я за полгода дополз до реакта и ноды, а я эпичный слоупок.
>>690684
#352 #690684
>>690682
Сайтики клепал, курсики проходил, осваивался с линью, реакт тогда популярен не был, поэтому я учил angular первый, да и много стороннего говна почерпал, с electron'ом пытался десктоп-апликации делать, юзал bower и не видел смысла в npm долгое время. В общем, мне нужен был структурированный подход, тогда может и проще было бы.
>>690696
#353 #690686
— Эй, я бы хотел научиться писать крутые веб-приложения. Слышал, у тебя есть опыт.

— Да, я как раз занимаюсь фронтендом, юзаю пару тулз.

— Круто. Я щас делаю простое приложение — обычный TODO-лист, используя HTML, CSS и JavaScript, и планирую заюзать JQuery. Это норм?

— Не-не-не. Это олдскул. Джиквери мёртв — никто не использует его теперь! Тебе нужен React. Это будущее.

— Окей, лады. А что это?

— React это новый способ разработки веб-приложений. Оно базируется на Virtual DOM и позволяет писать JSX-код.

— Virtual-что? JSX? Что это за..?

— JSX — это HTML на стероидах. Это расширенная версия JavaScript, где вы смешиваете XML и JS в одном коде. VirtualDOM означает, что у тебя есть дерево объектов представляющих часть реального DOM, и оно дает возможность манипулировать им очень быстро без необходимости работать с DOM напрямую.

— Зачем смешивать XML и JS?

— Ну как зачем. Реакт это будущее. Он позволяет создавать переиспользуемые компоненты.

— Типа как в Backbone, да?

— Нет. Бэкбон мёртв. Щас теперь все будет на компонентах.

— Ну так мне не нужно заморачиваться про JSX или VirtualDOM?

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

— Окееей, я начинаю слегка теряться. Итак, у нас есть некая шняга для написания компонентов, называется React. Могу я использовать её с JQuery?

— Ну, ты можешь написать одну часть приложения на React, а другую на чём захочешь. Но я ж говорю тебе — JQuery мёртв. Кстати, тебе стоит обратить внимание на Webpack, чтобы склеивать компоненты вместе при сборке.

— ОК. Что это такое?

— Это бандлер модулей. Ты пишешь кучу файлов, как если бы это были модули Node — и затем комбинируешь их в один монолитный файл (или разбитый на части) для отправки клиенту. Тебе даже не понадобятся react-tools, можешь обойтись одним Babel для компиляции JSX.

— Babel?

— Ага, Babel. Это клевая хрень, которая транспилирует твой ES6+/JSX код в читабельный ES5 код, с поддержкой sourcemaps. Это широко распространено, даже в Фейсбуке это используют.

— ES6+?

— ES6/ES2015 это следующая версия ECMAScript, там очень много новых фич, типа классов, стрелочных функций, Maps, Sets и так далее… Щас почти все юзают ES6+.

— Это настолько хорошая вещь?

— Спрашиваешь! ES6+ + транспиляция это будущее.

— Ну ладно. Как мне это заюзать?

— Начни с установки Node...

— Установить Node? О, нет. Ты ведь говорил что-то про React и компоненты.

— Ну да. Дальше ты берешь Flux архитектуру и начинаешь создавать actions, stores и компоненты.

— Flux?

— Во Flux ты выстраиваешь свое приложение как набор stores, actions и view, где данные «текут» в одном направлении. Views вызывают actions, они проходят через dispatcher, а stores подписываются на события dispatcher и выдают change events, на которые подписан view.

— Ага. Как в MVC?

— Нет. MVC мёртв. Flux это будущее. Сейчас очень много реализаций flux.

— Что? Реализаций Flux?

— Да, ведь Flux это просто паттерн. Зырь, Alt, Flummox, marty, fluxxor, fluxible, и т.п… И даже есть фейсбучная реализация Dispatcher.

— Мне нужно это все использовать?

— Новичку довольно сложно закодить самому весь этот шаблонный код, поэтому возьми какую-нибудь готовую реализацию.

— Ладно. Мне бы не хотелось писать эту жесть самому.

— Я ж говорю, реализаций дофига.

— А что насчёт Angular?

— Фу.

— Фу?

— Фу.

— Смотри. Мне реально не хочется возиться с установкой, настройкой и допиливанием чего-то сложного.

— Ваще-то это легко. Существуют готовые киты/репозитории для новичков, или можешь заюзать генераторы Yeoman, которые сделают это за тебя.

— Мне нужен генератор? Yeoman? Что это еще такое?

— Он может сгенерировать код за тебя, и ты можешь заюзать его для создания нескольких приложений сразу. Используй поддержку DLL в новом Webpack, и можешь компилировать каждое приложение отдельно от других.

— У меня будет только одно приложение, одна страничка, один компонент, одно что-угодно. Только одно.

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

— Кажется, что это избыточно.

— Это единственный способ добиться аккуратности, удобства и производительности. Ты сможешь использовать штуки вроде горячей перезагрузки (hot reload)...

— Hot Reload? Типа как livereload?

— Не. Webpack поддерживает эту замечательную фичу, она называется горячей перезагрузкой модулей, и есть плагин react-hot-loader для реакта, так что ты сможешь менять код отдельного компонента без перезагрузки всей страницы. А вместе с Flux ты сможешь делать ваще башнесрывные вещи типа прокрутки истории изменений в данных туда-обратно — одновременно с горячим редактированием кода.

— Итак. Теперь у меня десятки различных инструментов и библиотек для упаковки, сборки, транспилирования и чего угодно. Еще что-то?

— Как я уже говорил, Flux дает возможность выстраивать хорошую архитектуру приложений. Но с Observables и Immutable.js данными всё становится намного лучше и интереснее.

— Observable? Мне нужен Immutable?

— Тебе нужны observables чтобы удобно работать с событиями и асинхронностью, а Immutable.js нужен для персистентности, эффективности и простоты. Observables это типа как массивы, только асинхронные. Они возвращают значения с помощью async-генераторов из ES2016.

— Что за async generator?

— Ну смотри, обычный генератор дает возможность функции возвращать серию значений, а с модификатором async ты можешь возвращать значения в будущее. Правда, автор этого, Джафар Хусейн, уже отозвал свой proposal и работает с Кевином Смитом над более узкоспециализированным es-observable для ES7.

— Кхм. Я просто хочу запустить простое приложение. Насколько же глубока кроличья нора?

— Ну, ты можешь использовать RxJS, который ближе к оригинальным observable. Оно широко распространено и годится для продакшена.

— RxJS? Чем же он полезен?

— Работает с твоими уже написанными promises и событиями. Ты можешь создать Observable из любого асинхронного кода, и работать с ним как с обычным значением. Но вообще-то, если ты ищешь что-то по-настоящему реактивное и интересное, позырь фреймворк Cycle.js, разработанный Andre Staltz.

— WTF. Мне всего лишь нужно написать и запустить простое приложение. Смогу я сделать уже это или нет?

— Конечно, хотя деплоинг это отдельный интересный вопрос, но мы уже почти закончили.

— Окей, «сегодня мы многое поняли». Спасибо за объяснения.

— Отлично! Нет проблем.

— Давай я повторю тогда, чтобы мы удостоверились, что я все правильно понял. Итак, мне нужно разбить код своего приложения на actions, stores и компоненты, выстроить однонаправленный dataflow, писать ES6+ код чтобы поиметь все последние языковые фичи, позволяющие мне писать чистый код, затем использовать Babel для транспиляции этого ES6+ кода в ES5 код, пригодный для всех браузеров, использовать webpack, чтобы склеить все части моего приложения, написанные как модули node в один файл, использовать ImmutableJS для представления моих данных и подключить RxJS для описания событий и других асинхронных функций.

— Да. Разве это не восхитительно?

— И, да, я еще кажется забыл про статику и минификацию.

— Не проблема вообще. Webpack умеет импортировать их. Все что тебе нужно, это настроить несколько загрузчиков, плагинов — и вот уже почти и всё. Ты можешь импортировать CSS и картинки. Кстати, есть еще альтернативы CSS, которые позволяют описывать стили в JS...

— Я возвращаюсь к JQuery.
#353 #690686
— Эй, я бы хотел научиться писать крутые веб-приложения. Слышал, у тебя есть опыт.

— Да, я как раз занимаюсь фронтендом, юзаю пару тулз.

— Круто. Я щас делаю простое приложение — обычный TODO-лист, используя HTML, CSS и JavaScript, и планирую заюзать JQuery. Это норм?

— Не-не-не. Это олдскул. Джиквери мёртв — никто не использует его теперь! Тебе нужен React. Это будущее.

— Окей, лады. А что это?

— React это новый способ разработки веб-приложений. Оно базируется на Virtual DOM и позволяет писать JSX-код.

— Virtual-что? JSX? Что это за..?

— JSX — это HTML на стероидах. Это расширенная версия JavaScript, где вы смешиваете XML и JS в одном коде. VirtualDOM означает, что у тебя есть дерево объектов представляющих часть реального DOM, и оно дает возможность манипулировать им очень быстро без необходимости работать с DOM напрямую.

— Зачем смешивать XML и JS?

— Ну как зачем. Реакт это будущее. Он позволяет создавать переиспользуемые компоненты.

— Типа как в Backbone, да?

— Нет. Бэкбон мёртв. Щас теперь все будет на компонентах.

— Ну так мне не нужно заморачиваться про JSX или VirtualDOM?

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

— Окееей, я начинаю слегка теряться. Итак, у нас есть некая шняга для написания компонентов, называется React. Могу я использовать её с JQuery?

— Ну, ты можешь написать одну часть приложения на React, а другую на чём захочешь. Но я ж говорю тебе — JQuery мёртв. Кстати, тебе стоит обратить внимание на Webpack, чтобы склеивать компоненты вместе при сборке.

— ОК. Что это такое?

— Это бандлер модулей. Ты пишешь кучу файлов, как если бы это были модули Node — и затем комбинируешь их в один монолитный файл (или разбитый на части) для отправки клиенту. Тебе даже не понадобятся react-tools, можешь обойтись одним Babel для компиляции JSX.

— Babel?

— Ага, Babel. Это клевая хрень, которая транспилирует твой ES6+/JSX код в читабельный ES5 код, с поддержкой sourcemaps. Это широко распространено, даже в Фейсбуке это используют.

— ES6+?

— ES6/ES2015 это следующая версия ECMAScript, там очень много новых фич, типа классов, стрелочных функций, Maps, Sets и так далее… Щас почти все юзают ES6+.

— Это настолько хорошая вещь?

— Спрашиваешь! ES6+ + транспиляция это будущее.

— Ну ладно. Как мне это заюзать?

— Начни с установки Node...

— Установить Node? О, нет. Ты ведь говорил что-то про React и компоненты.

— Ну да. Дальше ты берешь Flux архитектуру и начинаешь создавать actions, stores и компоненты.

— Flux?

— Во Flux ты выстраиваешь свое приложение как набор stores, actions и view, где данные «текут» в одном направлении. Views вызывают actions, они проходят через dispatcher, а stores подписываются на события dispatcher и выдают change events, на которые подписан view.

— Ага. Как в MVC?

— Нет. MVC мёртв. Flux это будущее. Сейчас очень много реализаций flux.

— Что? Реализаций Flux?

— Да, ведь Flux это просто паттерн. Зырь, Alt, Flummox, marty, fluxxor, fluxible, и т.п… И даже есть фейсбучная реализация Dispatcher.

— Мне нужно это все использовать?

— Новичку довольно сложно закодить самому весь этот шаблонный код, поэтому возьми какую-нибудь готовую реализацию.

— Ладно. Мне бы не хотелось писать эту жесть самому.

— Я ж говорю, реализаций дофига.

— А что насчёт Angular?

— Фу.

— Фу?

— Фу.

— Смотри. Мне реально не хочется возиться с установкой, настройкой и допиливанием чего-то сложного.

— Ваще-то это легко. Существуют готовые киты/репозитории для новичков, или можешь заюзать генераторы Yeoman, которые сделают это за тебя.

— Мне нужен генератор? Yeoman? Что это еще такое?

— Он может сгенерировать код за тебя, и ты можешь заюзать его для создания нескольких приложений сразу. Используй поддержку DLL в новом Webpack, и можешь компилировать каждое приложение отдельно от других.

— У меня будет только одно приложение, одна страничка, один компонент, одно что-угодно. Только одно.

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

— Кажется, что это избыточно.

— Это единственный способ добиться аккуратности, удобства и производительности. Ты сможешь использовать штуки вроде горячей перезагрузки (hot reload)...

— Hot Reload? Типа как livereload?

— Не. Webpack поддерживает эту замечательную фичу, она называется горячей перезагрузкой модулей, и есть плагин react-hot-loader для реакта, так что ты сможешь менять код отдельного компонента без перезагрузки всей страницы. А вместе с Flux ты сможешь делать ваще башнесрывные вещи типа прокрутки истории изменений в данных туда-обратно — одновременно с горячим редактированием кода.

— Итак. Теперь у меня десятки различных инструментов и библиотек для упаковки, сборки, транспилирования и чего угодно. Еще что-то?

— Как я уже говорил, Flux дает возможность выстраивать хорошую архитектуру приложений. Но с Observables и Immutable.js данными всё становится намного лучше и интереснее.

— Observable? Мне нужен Immutable?

— Тебе нужны observables чтобы удобно работать с событиями и асинхронностью, а Immutable.js нужен для персистентности, эффективности и простоты. Observables это типа как массивы, только асинхронные. Они возвращают значения с помощью async-генераторов из ES2016.

— Что за async generator?

— Ну смотри, обычный генератор дает возможность функции возвращать серию значений, а с модификатором async ты можешь возвращать значения в будущее. Правда, автор этого, Джафар Хусейн, уже отозвал свой proposal и работает с Кевином Смитом над более узкоспециализированным es-observable для ES7.

— Кхм. Я просто хочу запустить простое приложение. Насколько же глубока кроличья нора?

— Ну, ты можешь использовать RxJS, который ближе к оригинальным observable. Оно широко распространено и годится для продакшена.

— RxJS? Чем же он полезен?

— Работает с твоими уже написанными promises и событиями. Ты можешь создать Observable из любого асинхронного кода, и работать с ним как с обычным значением. Но вообще-то, если ты ищешь что-то по-настоящему реактивное и интересное, позырь фреймворк Cycle.js, разработанный Andre Staltz.

— WTF. Мне всего лишь нужно написать и запустить простое приложение. Смогу я сделать уже это или нет?

— Конечно, хотя деплоинг это отдельный интересный вопрос, но мы уже почти закончили.

— Окей, «сегодня мы многое поняли». Спасибо за объяснения.

— Отлично! Нет проблем.

— Давай я повторю тогда, чтобы мы удостоверились, что я все правильно понял. Итак, мне нужно разбить код своего приложения на actions, stores и компоненты, выстроить однонаправленный dataflow, писать ES6+ код чтобы поиметь все последние языковые фичи, позволяющие мне писать чистый код, затем использовать Babel для транспиляции этого ES6+ кода в ES5 код, пригодный для всех браузеров, использовать webpack, чтобы склеить все части моего приложения, написанные как модули node в один файл, использовать ImmutableJS для представления моих данных и подключить RxJS для описания событий и других асинхронных функций.

— Да. Разве это не восхитительно?

— И, да, я еще кажется забыл про статику и минификацию.

— Не проблема вообще. Webpack умеет импортировать их. Все что тебе нужно, это настроить несколько загрузчиков, плагинов — и вот уже почти и всё. Ты можешь импортировать CSS и картинки. Кстати, есть еще альтернативы CSS, которые позволяют описывать стили в JS...

— Я возвращаюсь к JQuery.
>>690687>>690705
#354 #690687
>>690686
Проиграл. Вот такая хуйня со мной тоже происходила, может поэтому и два года.
#355 #690693
Пацаны, а как с дизайном дела обстоят?Стоит вкатываться?
>>690698
#356 #690696
>>690684
Ну зато у тебя дохуя опыта, пусть и некоммерческого. Я так чувствую, что хрен устроюсь с нихуя, разве что напиздеть, что полгода фрилонсил.
>>690701
#357 #690697
Посоны, тут в академии говорят, что научат делать слайдер на нердс на css. Перед этим я уже смотрел скринкаст одного мужика, который тупо не парился и подключал jquery слайдер.

Надо ли пердолиться с css слайдером или можно подключить ПЛАГИНЧИК и забить?
>>690700
#358 #690698
>>690693
Хороший дизайнер на вес золота.
>>690699
#359 #690699
>>690698
Хороший дизайнер это какой дизайнер?
>>690722
#360 #690700
>>690697
Подключай плагинчик
#361 #690701
>>690696
В гитхаб закидывай всё, что делаешь, даже откровенное говно (после собеса удаляй), все проекты не смотрят, максимум перейдут по ссылочке на хироку и поклацают по кнопочкам на твоём изоморфном чате написанном на соектсайо (где ты всё равно наговнокодил жикверей на клиенте).
>>690794
7 Кб, 500x544
#362 #690705
>>690686

>Babel для транспиляции этого ES6+ кода в ES5 код


Ебать. Нельзя сразу на ES5 писать?

>webpack


Эта хуйня вместо галпа теперь у всех?
>>690778
#363 #690722
>>690699
Это такой, у которого талант. Дизайну ты не сможешь "научиться", в отличие от кодинга, будешь клепать колхозные макеты и конкурировать с сотнями (буквально) таких же колхозников.
Годные дизайнеры они как художники или музыканты и получают столько, что нам и не снилось. И я не про тему лебедева, если что.
#364 #690778
>>690705

>Ебать. Нельзя сразу на ES5 писать?


Новые фичи же, spread операторы, fat-arrow функции, const&let, синтаксис класса используются довольно часто, потому что они ускоряют разработку.

>Эта хуйня вместо галпа теперь у всех?


Да. HMR дал всем пососать.
#365 #690794
>>690701
Да тут проблема в том, что почти все интересные вакансии идут с опытом работы "от 1 года". Скажу, что фрилонсил - а профили везде пустые. А верстать говно не очень хочется.
>>690797
#366 #690797
>>690794
Это да, рассылай всюду сивишки, я где-то 70-80 отослал, фидбек такой себе был, но собеседований 7 было. Потом просто на monster запостил сиви с тегами React Redux Junior Front End и взяли с первого же звонка, они эту вакансию не публиковали на сайты поиска работы, поэтому конкуренция была послабее и я прошёл. Попробуй.
198 Кб, 894x745
#367 #690801
Охуеваю с такой хуйни. Фронтенд, блядь. Джава, блядь, и пхп, блядь.
#368 #690812
>>690675
Сначала рынок смотри, прежде прибавку просить!
#369 #690813
Посаны, поясните, стоит ли идти без опыта на позиции, где требуется опыт 1-3 года на hh?
Просто без опыта вакансий писец мало.
Или так и должно быть?
>>690816
#370 #690816
>>690813
Но хоть какой-то опыт у тебя есть?
>>690817
#371 #690817
>>690816
верстаю страничке на бутстрапе с подключением jquery дома джаст фор лулз
>>690910
68 Кб, 950x699
#372 #690823
В бутстрапе вообще что-нибудь нужно кроме сетки?
>>690869
#373 #690846
Юзаю виджет голосований от ВК на многих страницах. Сам скрипт голосования выглядит он так:

<script type="text/javascript">
VK.Widgets.Poll("vk_poll", {width: "300"}, "22887543529_de4ce69871wefw87");
</script>

Набор цифр в кавычках для каждого голосования уникальный.
Можно ли добавить в боди какой-то универсальный скрипт, который применял бы ко всем таким виджетам window.onload, чтобы не прописывать отдельно для каждого?
#374 #690869
>>690823
Модалки и табы норм.
#375 #690890
Готовым конфигом к галпу поделится кто? Чтобы можно было из проекта в проект таскать? В гугле не нашел.
>>690896
#376 #690896
>>690890

>В гугле не нашел


Ну а сам? Каждый под себя делает. Кому что удобней.
>>690899
#377 #690899
>>690896
Есть набор инструментов, которые прямо мастхев для всех же.
>>690905
#378 #690905
>>690899
Нет такого набора. Напиши себе сам конфиг, это не рокет саенс.
>>690907
#379 #690907
>>690905
Ладно, уже половину установил. Вопрос такой, я могу тупо потом скопировать эту папку и начинать новый проект?Или по новой надо будет ставить галп и устанавливать модули?
>>690908
#380 #690908
>>690907
Лучше только конфиги копировать. Лезть руками в node_modules — плохая идея.
>>690909
#381 #690909
>>690908
А как мне просто и без задней мысли одной кнопкой установить галп и все модули?
>>690912
#382 #690910
>>690817
npm install
@
profit
>>690911>>690912
#383 #690911
>>690910
Нет, я имею ввиду плагинчики, типа автокомпилера, автопрефиксера и.т.д
>>690912>>690914
113 Кб, 668x758
#384 #690912
>>690910
Как я так постом промазал? Это >>690909 сюда.
>>690911
Устанавливаешь их с флагом --save или --save-dev (на самом деле можно ебашть все в --save, но это тема для отдельного холивара). У тебя в проекте будет package.json типа пикрелейтед, только не такой жирный. Все зависимости оттуда устанавливаются одной командой в консольке.
>>690913>>690915
#385 #690913
>>690912
Ну и сначала npm init, конечно, он тебе этот самый package создаст (пустой).
Хотя можно и руками ебануть, если ты упоротый немного (я так делал, да).
>>690915
#386 #690914
>>690911
Короче вот https://habrahabr.ru/post/243335/
Статья старая, но сойдет, ничего не поменялось в этом плане (почти).
#387 #690915
>>690912
>>690913
Извини за тупой вопрос, но я правильно понял, что достаточно ставить все плагинчики через --save dev а потом, чтобы начать новый проект, достаточно скопировать package.json gulpfile.js установить галп и прописать npm install?
>>690916
#388 #690916
>>690915
Я уже давно не работал с галпом. Насколько я помню, надо установить его глобально (npm i -g gulp-cli). Потом локально в проект (npm i --save-dev gulp). Так что галп ты устанавливаешь 1 раз, потом он локально подтягивается также, как и все плагины.
>>690917
#389 #690917
>>690916
Ох, заебись. Спасибо.
#390 #690943
"Изучаем программирование на HTML5" от Фримена нормас для обучения, если уже знаком с html/css?
>>690944>>690945
#391 #690944
>>690943

>HTML5


>программирование



Не думаю. Зачем тебе вообще книги в 2016?
>>690947
#392 #690945
>>690943
Ну йобана в рот, не нужны книги по HTML и CSS.
>>690947
#393 #690946
не сочтите за рекламу, но что нужно знать, дабы создать подобный сайт http://www.the-village.ru/

html-css-js-php?
а для добавления статей и их хранения что используется (и как?)
или что можно почитать на эту тему?
>>690951
#394 #690947
>>690944
>>690945
там просто затрагивают js, а я как раз хотел его учить, только не знаю где лучше - видеокурсы, Кантор или эта книга
>>690949>>690954
#395 #690949
>>690947
Кантор, очевидно же
#396 #690951
>>690946
Вообще на виладже рельсы, но можно и на пхп бэк написать.

>для добавления статей


Самописная CMS.

>их хранения


БД, очевидно.

>что можно почитать на эту тему?


На какую тему?
#397 #690954
>>690947
Лил, Кантор, конечно.
#398 #690965
Вопрос на засыпку, как заставить эту херь работать независимо. http://jsfiddle.net/xwp9f5v3/
>>690971
#399 #690970
Учу по учебнику Кантора, очень тяжело даётся, вообще пипец. У всех такое было? Или просто я дебил, и это не моё? Обидно очень, ибо уже два месяца вложил в изучение html, css, bootstrap, less.

Например, это задание вообще не смог сделать:

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

Другими словами, n>1 – простое, если при делении на любое число от 2 до n-1 есть остаток.

Создайте код, который выводит все простые числа из интервала от 2 до 10. Результат должен быть: 2,3,5,7.

P.S. Код также должен легко модифицироваться для любых других интервалов.

https://learn.javascript.ru/while-for
>>690972>>690973
#400 #690971
>>690965
Джс код не вижу, но очевидно, что нужно находить через $(this).find() только близлежащие элементы от того, по которому ты кликаешь. Вот, буквально недавно писал такую хуйню.
$('[data-slide]').click(function(event) {
$(this).siblings().removeClass('active-faqblock');
$(this).addClass('active-faqblock');
});
>>690975
#401 #690972
>>690970
Да у всех так, забей, читай дальше, потом вернешься и может быть получится.
#402 #690973
>>690970
И да, там важность задания всего 3, так что можешь вообще не париться. Я сам это задание сделал, но у меня выводились цифры по несколько раз, но нужные, лол.
#403 #690975
>>690971
это код бутстрапа 4, и надо сделать так, чтобы это работало именно на нем.
>>690977
#404 #690977
>>690975
Зачем ты тянешь бустрапоновский скрипт, когда можно самому написать в несколько строчек?
>>690980
#405 #690980
>>690977
Я его не тяну, он там уже есть. Не хотелось бы писать свои велосипеды, но что-то подсказывает, что придется.
>>690985
#406 #690985
>>690980
Охуеть сложный велосипед, тебя же не слайдер заставляют писать.
И да, я нашел решение уже в гугле, хз как ты гуглил.
>>690986
#407 #690986
>>690985
ну так расскажи, раз нашел
>>690990
#408 #690990
>>690986
Note: Use the data-parent attribute to make sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.
Дата-паренты разные сделай короче и всё.
>>690991
#409 #690991
>>690990
Ниче, что они там разные?
>>690992
#410 #690992
>>690991
Чето нихуя data-parent="#extAccordion1-1" таких 4 штуки через ctrl+f нашло
>>690994
#411 #690994
>>690992
бля, по-твоему у разных вкладок одного акордиона должны быть разные родители?
>>690995
#412 #690995
>>690994
Блять, залей мне нормальный код не в песочнице, а на файлообменник, я тебе все сделаю. А то на джсфиддл нихуя не понятно.
>>690996
#413 #690996
>>690995
слева External Resources список подключенного, клик на ссылку откроет код
>>690997>>690999
#414 #690997
>>690996
Ты ему предлагаешь разбирать минифицированный файл ебучего бутстрапа? Охуеть.
>>691000
#415 #690999
>>690996
Ну охуеть теперь, сам ебись с этим говном.
#416 #691000
>>690997
это блядь для того что бы он там версию посмотрел, дальше я думаю понятно?
>>691001
#417 #691001
>>691000

> кококо памагити мне сам естессна делать нихуя не хачу

>>691008
#418 #691002
Реактоны, насколько безопасно юзать stage-0 говно (::this.onClick) которое эквивалентно this.onClick.bind(this)?
>>691006
#419 #691006
>>691002
Stage-0 это «прост хорошая идея, пока еще даже не поданная в комитет». В спеку языка может не войти никогда. Сам думай хочешь ты этого или нет.
>>691095
#420 #691008
>>691001
Не можешь разобраться, просишь помочь, скидываешь код, линки на исходники

>кококо памагити мне сам естессна делать нихуя не хачу


вся суть
>>691011
#421 #691011
>>691008
Блять да заебал, вставь эту хуйню в текстовый документ и открой в браузере, и наслаждайся, у меня все работает, дальше сам разбирайся, почему у меня работает, а у тебя нет.
http://pastebin.com/yQyqSdkc
>>691012
#422 #691012
>>691011

Это и у меня работает, потому что бутстрап не 4. Придется писать самому бля из-за неоссиляторов из твиттера
#423 #691095
>>691006
Глупый вопрос я задал, на самом деле, в любом случае проще в конструкторе прописать все байнды.
#424 #691108
Какие версии шрифтов подключать по умолчанию? 400 700 хватит?
>>691110
#425 #691110
>>691108
ты это у себя спроси, хватит тебе или нет.
>>691112
#426 #691112
>>691110
Ну стандартный минимум, чтобы его сильно не пидорасило при уменьшении-увеличении. Пока остановился на 400-700.
>>691131
#427 #691131
>>691112
Причем тут увеличении и уменьшение? При масштабировании страницы вес шрифта не меняется.
>>691141
#428 #691141
>>691131
Я никак не мог понять почему большой шрифт (48px по-моему) в хроме не сглаживался и ехал попизде - оказывается большой шрифт он воспринимал как болд, и пытался, соответственно, использовать именно его, но так как жирный вариант шрифта у меня отсутствовал, хром пытался растянуть обычный вариант до состояния болда и получались зазубрины и пикселизация. Добавил ":400,700" и все норм стало.
#429 #691336
ахуеть, как такие точки можно сделать, может кто пояснить вкратце?
https://nerds.company/
на них нажимать можно если че
#430 #691337
>>691336
ой не, просто мышкой водить по ним
#431 #691355
Чет я посмотрел на эту ебаторию от интенсива академии с псевдоэлементами при стилизации чекбоксов и радиобаттонов...
Неужели картинки и правда зашквар и надо изгаляться css-ом?
>>691359>>691360
#432 #691359
>>691355
Как хочешь, можно и картинками хуярить, но будет выглядеть круче, если захуяришь через псевдоэлементы. И это далеко не самое сложное, что есть в вёрстке.
>>691362
#433 #691360
>>691355
Ты прав, сложно это всё. Пойду лучше сериал посмотри, не нужны тебе эти псевдоэлементы.
>>691362
#434 #691362
>>691359
Ладно, ради "круче" постараюсь. Но я почему-то уверен, что все эти версталы в студиях не парятся и хуярят чтоб быстрее было. А у Сани Першина это вечное "да, конечно, можно было не устраивать тут костылей на 20 строк кода а сделать все по-быдляцки, но мы пойдем другим путем...."
>>691360
Бла-бла.
>>691382
#435 #691382
>>691362
Вот когда устроишься в студию - будешь хуярить, чтобы быстрее было. А пока тебе важно научиться, чтоб если что, ты такой "опа на, гляди как я умею" и плевать, что так умеет каждый второй
86 Кб, 1052x947
#436 #691414
У меня два вопроса
Как быстро вы привыкли к Jade? Мне, например, ебать как неудобно в нем высматривать классы. Я конечно сейчас в ide сделаю им цвета поярче, но мне пока не кажется это легко доступном для быстрого понимания.
Тот же вопрос к SCSS/LESS, вы вообще пишите так классы? Для быстрого взгляда не очень понятно.
>>691569
50 Кб, 640x480
#437 #691415
Пацаны, залил на гхпейджс сайт, но внезапно там пидорасит жс, причем пути и все ок, локально все работает, через ф12 проверил залитый, там тоже все ок вроде, но подключаемые скрипты не работают, в чем может быть проблема?
>>691423
39 Кб, 1413x190
#438 #691423
>>691415
Вот такое дерьмо.
>>691441
#439 #691434
Сразу извиняюсь за глупый вопрос. Сколько нужно времени учить фронт-енд в день, чтобы всё нормально усваивать и не терять ничего? Свободного времени хватает с самого утра до ночи.
Спрашиваю к тому, что не знаю, как лучше будет. Либо мне учить по 1-2 часа, читать книги, htmlacademy, смотреть уроки и так далее. Либо стоит задрачивать по 7-8 часов? Как всё же будет продуктивней?

19 лет. Закончил колледж. Полон мотивации и решимости что-то делать прямо сейчас.

Заранее спасибо за ответ на мой тупой вопрос.
>>691439>>691594
#440 #691439
>>691434
Ну если у тебя времени с утра до ночи, то думаю 15 минут в день будет самым продуктивным. Вот только не каждый день, это нужно понимать. Если будешь учить каждый день по 15 минут, то очень скоро выгоришь. Идеальным будет заниматься по понедельникам и четвергам чётной недели. Т.к. сегодня уже понедельник, то думаю лучше будет начать в четверг. Удачи, анон, и не забывай делиться успехами.
#441 #691441
>>691423
Мб потому что подключаешь jQuery на защищённый сайт через http-ссылку вместо https-сслыки?
>>691665
#442 #691464
>>690623
Это сосач в пнг переводит, или эти дэбилы не могут в свг?
>>691561
#443 #691561
>>691464
А нахуя? Сайт есть? Есть. Что ещё тебе надо?
>>698280
#444 #691569
>>691414

Не привыкал к Jade, но синтаксис похож на emmet, так что нормально все читается и отлавливается.
#445 #691573
Если скрипт с таким

<script>
window.onload = function() {

};
</script>

событием стоит в середине контента, то вторая половина не загрузится, пока все не загрузится или событие window.onload значит, что этого скрипта как бы совсем не существует, пока весь контент и все остальное не загрузится?
>>691864
#446 #691590
Сап, ворканы. Java-обезьяна из офиса репортин ин. Не гоните сразу ссаными тряпками. Дело в том, что хочу перекатиться на удалённую работу. Пока планирую HTML/CSS/JS дрочить, я так понимаю у вас в шапке есть подробная инфа с гайдами и прочей лабудой. Но не уверен, что хочу конкретно фронтэндом заниматься, меня больше привлекает написание функционала, но в дальнейшем хочу писать полностью продукт, fullstack так сказать. Так вот, во фриланс не хочу. Где искать удалённую работу? В идеале хотелось бы в какой-нибудь зарубежной IT компании. Где такие искать? Нужны ли вообще такие работники на удалёнке? Также интересует вопрос разработки бекэнда, что сейчас популярно, на чём пишут?[S]кроме PHP[/S]Можете просто ссыль дать на то, где это обсуждают, а то в вашем разделе про бекэнд я не нашёллень было идти дальше первой
>>691593>>691679
#447 #691593
>>691590
Fronted хороший, плохой, злой путь. Почитай статьи. В остальном, во фронте много конкуренции, на столько много, что руки опускаются что-то делать.
>>691597
#448 #691594
>>691434
Ну что за вопросы, учи столько, сколько сил хватает, если уже башка не соображает - отдыхай.
#449 #691597
>>691593
Конкуренция меня не особо останавливает, искал вакансии в офисе, даже в моей 350к мухосрани я нашёл несколько вакансий. Но опять же, это офис, а я в офис не хочу.
#450 #691635
>>691336
Нарисовать в свг и эффект перемещения при приближении курсора?
#451 #691665
>>691441
Да это понятно, но другие пидорасило из за кривого названия папки, как я понял, хотя все нормально было.
#452 #691679
>>691590
remote.ok
Большая часть вакансий на синьоров, так что особо не обольщайся.
>>691681
#453 #691681
>>691679

>remoteok.io



self-fix
15 Кб, 1356x167
#454 #691701
Яннп, в чем ошибка? Почему нельзя проценты?
>>691748>>691771
#455 #691726
Раздупляю резиновую верстку. Вот тут учат как это делать. Вопрос к опытным анонам: это хороший туториал или есть подводные камни? Я не хочу запоминать неправильные способы, а потом переучиваться, хочу сразу правильно.
http:// maxdesign.com.au/articles/liquid/
>>691823
#456 #691748
>>691701
соус на это плиз
>>691759
#457 #691759
>>691748
За щеку тебе соус. Не стоит благодарностей.

http://validator.w3.org
#458 #691771
>>691701
https://html.spec.whatwg.org/multipage/embedded-content.html#attr-dim-width

>in CSS pixels. The attributes, if specified, __must__ have values that are valid non-negative integers.

>>691848
#459 #691772
>>691336
Блять правой кнопкой мыши нажми и посмотри, на канвасе сделано.
>>691778
#460 #691778
>>691772
Твоа мамка блядь, пидор. не материться в этом разделе, иначе спущу в глаз тебе.
>>691794
#461 #691794
>>691778
Спустил тебе за щеку, проверяй.
>>691798
#462 #691798
>>691794
Перелил из своей щеки в твою, проверяй, счука.
>>691801
#463 #691800
>>690658

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


> Спросили про удобства React'а


ВРЁЁЁЁТИ!!!!!!!! ФРОНТЕНДЖ ДЖУН ЭТА ВЕРСТАЛЬЩИК С БАЗАВЫМ ЗНАНИЕМ ЖЭЭСА!!!!!!!!!!!!!!!!!!
МРАЗИ КОПИРАЙТЕРЫ СУКА ТРОЛЛИ ВРЁТИ ВРЁЁЁЁТИИИ
>>691934>>691978
#464 #691801
>>691798
Проверил, ничего не нашел.
>>691803
#465 #691803
>>691801
Видать проглотил. Теперь ты спермоглот.
>>691806
#466 #691806
>>691803
Нет, ты.
#467 #691823
>>691726
Так вы ответите?
13 Кб, 347x346
#468 #691829
То чувство, когда решил попробовать стать верстальщиком сайтов, чтобы в след. месяце отбить хотя бы аренду хаты (7к), зашёл в тред, почитал шапку, нихуя не понял, да и обучение 400+ часов или 600+.
Вернулся обратно в копирайтинга-тред.
>>691916
#469 #691848
>>691771
Я все равно нихуя понять не могу, в процентах не прописывать теперь или что?
>>691887
#470 #691864
>>691573
бамп вопросу
#471 #691887
>>691848
Опять в деревне власть сменилась, я в рот ебал их спеки.
Тоже помню, что проценты были. И вот тут
https://webref.ru/html/img/width
тоже помнят.

Хотя, если порассуждать:
Для чего вообще этот атрибут нужен сейчас? Только для того, чтоб ускорить отрисовку страницы явно заданными размерами (по новому положняку внешним видом теперь управляем только из CSS). Если задавать размеры в относительных единицах, то браузеру всё равно придётся строить дерево и высчитывать размеры — такой атрибут ничем не лучше идеологически верного CSS-свойства. А значит, чтоб долбоёбы не лезли со стилизацией в HTML, мы вообще уберём у атрибута единицы и будем принимать только в CSS-пикселях по-умолчанию.
>>691927
204 Кб, 323x299
#472 #691916
>>691829
Вот и вали
#473 #691927
>>691887
Вот блядь, теперь все в css в процентах переписывать?
>>691959
#474 #691932
Хотя я убрал везде ширину и оно и так работает.
Блядь, я запутался пиздец.
#475 #691934
>>691800
не рвись ты так
вот например вакансия..
https://hh.ru/vacancy/17475247
IT-компании требуется HTML-верстальщик
Обязанности:
Верстка новых и уже существующих сайтов.
Требования:
Уверенное знание HTML (4-5), CSS (2-3);
Кроссбраузерность;
Front-end разработчик (приветствуется)
Начальные знания JavaScript, jQuery (приветствуется);
«Резиновая» верстка;
Аккуратность, пунктуальность;
Желание работать и зарабатывать в команде лидера рынка.
Условия:
От м. Кантемировская 5 мин. пешком
Работа в офисе;
Оклад 50000 руб + премии (40000+премии испытательный срок)
Возможность вырасти до программиста
Соцпакет (питание+мобильный)
Оплата больничных
Оплата отпуска
Тренинги, обучение
#476 #691959
>>691927
На самом деле можешь не заморачиваться по поводу этого атрибута теперь. Просто убери его из HTML-тега и забудь про него. А в CSS меряй в чём хочешь, наводи красоту.

Не дрейфь, со временем всё придёт.
>>692525
#477 #691978
>>691800
Ну начнем с того, что "базовый жс" - это весь кантор, основы ес6, и хотя бы приблизительное представление о том, что такое ангулар/реакт/бэкбон/эмбер.
Закончим тем, что жуниора никто не пустит колупаться своими неопытными пальцами в рабочем проекте. Будет клепать компоненты с разметкой, базовую логику аля "нажал на кнопочку - вывалилось всплывающее окошко", писать стили для этих компонентов. Т.е. по сути тот же верстала, только более хипстоватый.
>>691995
#478 #691995
>>691978

>Будет клепать компоненты с разметкой, базовую логику аля "нажал на кнопочку - вывалилось всплывающее окошко", писать стили для этих компонентов


Ты охуеешь столько вот таких вот заданий на рабочих проектах. А еще больше охуеешь с того как они сайдтрекают внимание.
Поэтому ты будешь ковыряться в рабочем проекте, а потом, со временем, будешь ковыряться чуть больше, и уже вносить больше измненения. Никто в нормальных компаниях джунов решать нерешаемые по их уровню вопросы или проектировать архитектуру не поставит. Для этого есть люди повыше, да и решается все консенсусом.
>>692007
509 Кб, 424x550
#479 #691998
Тупой вопрос, но Гугл не помог.
Как в SASS задать min-width в переменную?
На запись типа

$tablet: ~"(min-width: 768px)";
$desktop: ~"(min-width: 1200px)";

компилятор выбивает ошибку.
>>692014
#480 #691999
Встал не с той ноги, видимо, сел верстать католог нердс и наговнокодил там, в итоге решая все дикими костылями. Потом перечитал свой код и понял, что я вообще кучу ошибок наделал.
Удалил к хуям то, что писал часа 4, лол. Может, вообще не верстать сегодня...Главную вот отлично разметил же пару дней назад.

Вообще, в такие моменты чувствуешь себя ужасно тупым, если спотыкаешься на самом легком проекте академии.
>>692004
#481 #692004
>>691999
Верстаю адаптивы от академии без проблем и ошибок. Но читая кантора и пробуя писать js чувствую себя безнадежно тупым.
Даже не смог сам сообразить как возвести x в степень n. Пришлось подсматривать ответ:( Код то я понимаю но вот что сам не допёр понижает самооценку:(
>>692015>>692732
#482 #692007
>>691995
Я с тобой полностью согласен, просто пояснил тому порвавшемусю, что значит "базовый жс", а то он небось думает, что это умение подключать жиквери и решать задачки на полиномы.
#483 #692014
>>691998
@mixin tablet($width) {
@media (max-width: $width) {
@content;
}
}

@include tablet(640) {
}
>>692016
#484 #692015
>>692004
Со временем придет понимание такой вот хуйни. Просто знай, что это реально полезно, особенно когда дойдет до всякой ебнистики уровня напишите функцию, которая возвращает функцию, которая принимает две функции в качестве аргументов, которая ну ты понял...
Сможешь написать, например, ручную валидацию авторизации типа
checkAuth(route) {
\t\ return function() {
\t\t\ if(app.user.token) {
\t\t\t\ this[route].apply(this, arguments);
\t\t\ } else {
\t\t\t\ this.redirectTo('/');
\t\t\ }
\t\ };
}
А ведь это фактически 1 в 1 задачка с кантора.
#485 #692016
>>692014
Табы распидорасило.

@mixin tablet($width) {
@media (max-width: $width) {
@content;
}
}

@include tablet(640) {
}
>>692017>>692018
#486 #692017
>>692016
Обезьяна вообще охуела, нет, чтобы реально полезный функционал сделать - открывает анальные трекеры и устраивает распродажу пасскодов.
#487 #692018
>>692016
Да ёбана. Ну ты понял в общем.
#488 #692134
Как переместить обьект при помощи цсс анимаций слева направо?Нужно, чтобы работало на всех экранах, с левой стороны экрана к правой.
>>692148
#489 #692148
>>692134
Короч сам разобрался, left0 - left100% и оверфлоу хидден родителю, чтоб не пидорасило.
#490 #692290
Господа, накидайте симпатичных на ваш взгляд, но не слишком попсовых вебшрифтов. А то у меня все петпрожекты на опен сансе, как-то суховато.

inb4 comic sans
>>692296
#491 #692296
>>692290
Roboto заебись
>>692301
44 Кб, 392x766
#492 #692301
>>692296
О, спасибо. Я о нем что-то даже и не подумал.
1 Кб, 215x56
10 Кб, 400x110
#493 #692368
А вот версталы вконтакта не заморачиваются и делают всякое декоративное говно картинками.
>>692394
#494 #692394
>>692368
Ты попробуй там размер шрифта увеличить или любую другую обычную проверку. Всему пизда настаёт.
Я себе так и представляю. Разогнали пашкиных студентиков, пришли путинские эффективные менеджеры. Набирают команду:
—Я в 1996 МФТИ закончил. 20 лет стажа.
—Наш тимлид!
—А у меня папа — помощник советника секретаря заместителя депутата.
—Наш синьёр!
И понеслась.
>>692400
#495 #692400
>>692394
Ну справедливости ради надо сказать, что мылосру плодило низкопробную хуиту еще до наступления эпохи пакетов яровой и прочих благ.
>>692424
#496 #692424
>>692400
Это я для хохмы.
Скорее всего там просто требование ie7+. С миллионами аудитории даже 0.1% это десятки тысяч пёсиков с бантиками. Стараются достигнуть этого с минимумом заморочек, вот и картинки всякие вместо модных псевдо.
>>692433>>692480
#497 #692433
>>692424
Это да, но их "новый дизайн" все равно свестит, пердит и расползается. Хотя большую часть багованного говна они уже поправили.
>>692480
175 Кб, 678x757
#498 #692448
К слову о криворуких ебланах... Пошли бы к ним работать?
Фаерфокс если что
>>692480
#499 #692480
>>692424
Блядство! Я в русском тексте написал «0.1». Ну здравствуй, профессиональная деградация! Быстро же ты, сука! Пойду, смузи напьюсь.

>>692433
Вообще не понятно, зачем они этим обновлением занялись. Не верю, что просто стремятся к лучшему. Бюджет осваивают? С кем-то конкурируют? У них же большинство ЦА — «дуроввернистену».

>>692448
В госшарагу пойдёшь — сам таким станешь.
58 Кб, 1110x973
#500 #692525
>>691959
Хорошо, спасибо.

У меня теперь такая хуйня, как эти дикие отсупы на гитхаб фиксануть? Можно вообще? Почему оно так заливает?
>>693429
19 Кб, 356x208
#501 #692592
Тупой вопрос конечно, но я ничего не нагуглил. Есть вот такой фрагмент, как бы заголовок. В нем используются три разных шрифта. Есть ли возможность с помощью каких-то тегов (стронг/болд недостаточно, там есть и легкий шрифт) сделать три фонт-вейта в одном теге, или лучше не ебать мозги и разбить его на три h2, к примеру?
#502 #692595
>>692592
Ах, разобрался. Я забыл про инлайновые стили.
>>692635
77 Кб, 620x465
#503 #692635
Я только вошёл в рабочий ритм с началом недели. Но, блядь, забыл включить фумигатор и меня погрызли сучьи комарихи. Привет, ночной ламповый коворкинг, всем смузи со льдом.

>>692592
Ты наверно ещё не вникал в компонентные подходы (BEM, Atomic), от этого и твоя загвоздка.

>Тупой вопрос конечно


С умными вопросами пиздуй, перед мамкой выёбывайся. А тут прекращай прибедняться.

>я ничего не нагуглил


Такого не бывает. Значит, ты не то гуглил. Значит, надо сделать шаг назад и шире посмотреть. Ты пока ещё не словился с пониманием современной вёрстки, вот и беда.

В разметке HTML ты больше не указываешь никаких стилей (раньше для твоего случая был в разметке тег <font>, но его похоронили, как и другие похожие, которые только про внешний вид), ты не думаешь о внешнем виде вообще (стили, и только стили, будут в CSS; не смешивай, держи это проще https://ru.wikipedia.org/wiki/KISS_(принцип) ). В разметке ты только сообщаешь о смысле (семантике) каждого отдельного фрагмента (элемента). Например, ты обозначаешь элемент как список <ul> не для того, чтобы просто точечки сбоку появились у него. А чтобы дать понять всяким читалкам (парсерам), от поисковских до инвалидских, что вот эти строчки вместе представляют собой список. Мол, читалки, взаимодействуйте с этой группой строчек соответствующе списку.
Если задачи взаимодействовать с читалками нет, то похуй всем на твою разметку (смыслы элементов), её больше никто не увидит. Можешь вообще все элементы дивами хуярить, Господь найдёт своих. Да хоть всё заголовками внутри заголовков. Одинаково работать будет. Нет смысла указывать смысл, когда смысл бессмыслен (выебнулся, да). Но ты наверно же хочешь творить красоту, а не «хуяк-хуяк-прокатит».
Точечки у тех строк (которые так-то тоже блоки, а не строки, но это уже сбивающие с толку тонкости, для ясности так пишу), которые ты семантически сгруппировал-обозначил как список, появляются потому, что это свойство подставляет браузер как значение по-умолчанию для такого элемента-списка (на случай того, если голый HTML придёт, или просто кто-то проебался, а вменяемо отобразить же как-то надо). Посмотреть браузерные значения (средние по больнице, у каждого браузеры есть ещё немного своего видения прекрасного, в рот его ебать) можно например тут:
http://www.w3schools.com/cssref/css_default_values.asp
Там мы видим для <ul> есть {list-style-type: disc;}. Вот отсюда и берутся точечки для списочных элементов блока-списка (только для <li>, ведь в той же таблице умолчаний есть <li>{display: list-item;}, что заставляет его у родителя стиль списка искать; у других элементов внутри блока <ul> точечек не будет, ведь у других другое display по-умолчанию).
Но тебе же не нужны стили по-умолчанию, у твоего творения есть свой прекраснейший и неповторимый внешний вид. Вот для этого ты уже создаёшь к смысловой разметке HTML отдельный (чтоб не смешивать и не запутаться) файл стилей CSS, связываешь его по классам с разметкой. Ты держишь в голове, что есть какие-то значения по-умолчанию, но тебе на них похуй. Ты описываешь все свойства, соответствующие твоему элементу. Делаешь внешний вид списка, значит у него есть тип стиля списка, который ты решаешь определить как никакой (никаких точечек в твоём макете нет), так и записываешь. Есть отступы, которые у тебя нулевые (это же не значит, что их не существует), ты их так и пишешь, не взирая на то, какие они там подставляются по-умолчанию и подставляются ли вообще. Получается, что у тебя внешний вид и смысловое содержание вообще никак не связаны. Если завтра придёт SEO, даст пизды и скажет поменять список на секцию, а строчки списка на заголовки, то тебе нужно будет поменять только смысловые HTML-теги и всё будет дальше отлично работать и выглядеть. И я охуел от того, насколько это мудро. Десятки лет понадобились, чтобы к этому всем миром придти; так что не переживай насчёт себя, надеюсь, быстрее осилишь.

Перейдём конкретно к твоей проблеме.
Представь, что ты бы обозначал строчки списка как <div>'ы, а не как список, только для того, чтобы у них точечки не появлялись. Глупо было бы наверно. Вот именно это сейчас ты пытаешься сделать с заголовком.
С заголовками такая беда тут часто всплывает; да и сам я на ней застрял в своё время, отсюда и вся эта писанина. Всё дело в уёбски написанных спецификациях, но это тема для отдельного разговора.
Когда читалка пробегается по странице, она выстраивает заголовки в оглавление, в список-дерево. Иерархия заголовков (1-6) нужна только если эти заголовки на одном уровне в общем родитель, тогда они в дереве будут правильно вкладываться по смыслу (типа [1 [2 [3, 3], 2], 1] ). Но на каждом новом уровне вложенности элементов заголовки начинаются с начала, с первого уровня, потому что ну дурость, если по-другому. Представь, у тебя есть блок с заголовком внутри блока с заголовком (теперь твоя разметка официально прокачана! xzibit) типа div > h1 + div > h1. Да-да, второй заголовок ты тоже делаешь h1, ведь выглядеть в дереве он будет типа как 1.1, что таки две большие разницы; они не равнозначны с первым, он вложен в первый. Ты уже наверно понимаешь, почему не стоит использовать сразу h3 из-за того, что «ну у h1 размер шрифта чёт слишком большой». Со всеми стилями ты пиздуешь в таблицу стилей; сейчас мы говорим только о правильной семантичной разметке и хуй кладём на значения по-умолчанию для внешнего вида.
Сами заголовки это блоки. Ты и сам мог догадаться без всяких нудных списков значений по-умолчанию по тому, что они с новой строки начинаются. Строка с текстом лежит внутри блока, строка это строка, блок h1 это для строк обёртка (типа div, только со смыслом заголовка). Так что в удивительном мире зануд-выёбщиков правильно было бы делать <h1><span>Заголовок</span></h1>. Но мы здоровые люди и нам можно так не делать, тут строка и так слишком очевидна, она автоматически создается (и наследует подходящие свойства блока-родителя) и без конкретной разметки.

Хуясе, я понаписюкал. Хоть тут и говорили, что я дурно пишу, но надеюсь, ты теперь и сам понимаешь решение своей заморочки. Держи мой вариант. Всей структуры ты не показал, я представлю, что у тебя там статья про творчество твоих сотрудников.
https://codepen.io/anon/pen/QERaQR

>разбить его на три h2


Теперь то ты сам понимаешь, какой бы это был говнокод?
У тебя было бы в оглавлении три раздела. Два пустых, один с именем "проджект" и текстом.

>>692595
Забудь про них ещё надолго. Это тёмная сторона. Хорошо, когда у тебя маленький документик и инлайн можно отловить. А когда у тебя их будут сотни больших, ты в каждый инлайн будешь лезть? Не делай так больше, не пытайся выкрутиться. Ищи проблему, ищи концепцию, ищи понимание. Всё уже давно продумано и придумано.

Вот и рассвет встретил, копирайтер мамин. Буду теперь опять целый день от Кантора засыпать.
77 Кб, 620x465
#503 #692635
Я только вошёл в рабочий ритм с началом недели. Но, блядь, забыл включить фумигатор и меня погрызли сучьи комарихи. Привет, ночной ламповый коворкинг, всем смузи со льдом.

>>692592
Ты наверно ещё не вникал в компонентные подходы (BEM, Atomic), от этого и твоя загвоздка.

>Тупой вопрос конечно


С умными вопросами пиздуй, перед мамкой выёбывайся. А тут прекращай прибедняться.

>я ничего не нагуглил


Такого не бывает. Значит, ты не то гуглил. Значит, надо сделать шаг назад и шире посмотреть. Ты пока ещё не словился с пониманием современной вёрстки, вот и беда.

В разметке HTML ты больше не указываешь никаких стилей (раньше для твоего случая был в разметке тег <font>, но его похоронили, как и другие похожие, которые только про внешний вид), ты не думаешь о внешнем виде вообще (стили, и только стили, будут в CSS; не смешивай, держи это проще https://ru.wikipedia.org/wiki/KISS_(принцип) ). В разметке ты только сообщаешь о смысле (семантике) каждого отдельного фрагмента (элемента). Например, ты обозначаешь элемент как список <ul> не для того, чтобы просто точечки сбоку появились у него. А чтобы дать понять всяким читалкам (парсерам), от поисковских до инвалидских, что вот эти строчки вместе представляют собой список. Мол, читалки, взаимодействуйте с этой группой строчек соответствующе списку.
Если задачи взаимодействовать с читалками нет, то похуй всем на твою разметку (смыслы элементов), её больше никто не увидит. Можешь вообще все элементы дивами хуярить, Господь найдёт своих. Да хоть всё заголовками внутри заголовков. Одинаково работать будет. Нет смысла указывать смысл, когда смысл бессмыслен (выебнулся, да). Но ты наверно же хочешь творить красоту, а не «хуяк-хуяк-прокатит».
Точечки у тех строк (которые так-то тоже блоки, а не строки, но это уже сбивающие с толку тонкости, для ясности так пишу), которые ты семантически сгруппировал-обозначил как список, появляются потому, что это свойство подставляет браузер как значение по-умолчанию для такого элемента-списка (на случай того, если голый HTML придёт, или просто кто-то проебался, а вменяемо отобразить же как-то надо). Посмотреть браузерные значения (средние по больнице, у каждого браузеры есть ещё немного своего видения прекрасного, в рот его ебать) можно например тут:
http://www.w3schools.com/cssref/css_default_values.asp
Там мы видим для <ul> есть {list-style-type: disc;}. Вот отсюда и берутся точечки для списочных элементов блока-списка (только для <li>, ведь в той же таблице умолчаний есть <li>{display: list-item;}, что заставляет его у родителя стиль списка искать; у других элементов внутри блока <ul> точечек не будет, ведь у других другое display по-умолчанию).
Но тебе же не нужны стили по-умолчанию, у твоего творения есть свой прекраснейший и неповторимый внешний вид. Вот для этого ты уже создаёшь к смысловой разметке HTML отдельный (чтоб не смешивать и не запутаться) файл стилей CSS, связываешь его по классам с разметкой. Ты держишь в голове, что есть какие-то значения по-умолчанию, но тебе на них похуй. Ты описываешь все свойства, соответствующие твоему элементу. Делаешь внешний вид списка, значит у него есть тип стиля списка, который ты решаешь определить как никакой (никаких точечек в твоём макете нет), так и записываешь. Есть отступы, которые у тебя нулевые (это же не значит, что их не существует), ты их так и пишешь, не взирая на то, какие они там подставляются по-умолчанию и подставляются ли вообще. Получается, что у тебя внешний вид и смысловое содержание вообще никак не связаны. Если завтра придёт SEO, даст пизды и скажет поменять список на секцию, а строчки списка на заголовки, то тебе нужно будет поменять только смысловые HTML-теги и всё будет дальше отлично работать и выглядеть. И я охуел от того, насколько это мудро. Десятки лет понадобились, чтобы к этому всем миром придти; так что не переживай насчёт себя, надеюсь, быстрее осилишь.

Перейдём конкретно к твоей проблеме.
Представь, что ты бы обозначал строчки списка как <div>'ы, а не как список, только для того, чтобы у них точечки не появлялись. Глупо было бы наверно. Вот именно это сейчас ты пытаешься сделать с заголовком.
С заголовками такая беда тут часто всплывает; да и сам я на ней застрял в своё время, отсюда и вся эта писанина. Всё дело в уёбски написанных спецификациях, но это тема для отдельного разговора.
Когда читалка пробегается по странице, она выстраивает заголовки в оглавление, в список-дерево. Иерархия заголовков (1-6) нужна только если эти заголовки на одном уровне в общем родитель, тогда они в дереве будут правильно вкладываться по смыслу (типа [1 [2 [3, 3], 2], 1] ). Но на каждом новом уровне вложенности элементов заголовки начинаются с начала, с первого уровня, потому что ну дурость, если по-другому. Представь, у тебя есть блок с заголовком внутри блока с заголовком (теперь твоя разметка официально прокачана! xzibit) типа div > h1 + div > h1. Да-да, второй заголовок ты тоже делаешь h1, ведь выглядеть в дереве он будет типа как 1.1, что таки две большие разницы; они не равнозначны с первым, он вложен в первый. Ты уже наверно понимаешь, почему не стоит использовать сразу h3 из-за того, что «ну у h1 размер шрифта чёт слишком большой». Со всеми стилями ты пиздуешь в таблицу стилей; сейчас мы говорим только о правильной семантичной разметке и хуй кладём на значения по-умолчанию для внешнего вида.
Сами заголовки это блоки. Ты и сам мог догадаться без всяких нудных списков значений по-умолчанию по тому, что они с новой строки начинаются. Строка с текстом лежит внутри блока, строка это строка, блок h1 это для строк обёртка (типа div, только со смыслом заголовка). Так что в удивительном мире зануд-выёбщиков правильно было бы делать <h1><span>Заголовок</span></h1>. Но мы здоровые люди и нам можно так не делать, тут строка и так слишком очевидна, она автоматически создается (и наследует подходящие свойства блока-родителя) и без конкретной разметки.

Хуясе, я понаписюкал. Хоть тут и говорили, что я дурно пишу, но надеюсь, ты теперь и сам понимаешь решение своей заморочки. Держи мой вариант. Всей структуры ты не показал, я представлю, что у тебя там статья про творчество твоих сотрудников.
https://codepen.io/anon/pen/QERaQR

>разбить его на три h2


Теперь то ты сам понимаешь, какой бы это был говнокод?
У тебя было бы в оглавлении три раздела. Два пустых, один с именем "проджект" и текстом.

>>692595
Забудь про них ещё надолго. Это тёмная сторона. Хорошо, когда у тебя маленький документик и инлайн можно отловить. А когда у тебя их будут сотни больших, ты в каждый инлайн будешь лезть? Не делай так больше, не пытайся выкрутиться. Ищи проблему, ищи концепцию, ищи понимание. Всё уже давно продумано и придумано.

Вот и рассвет встретил, копирайтер мамин. Буду теперь опять целый день от Кантора засыпать.
#504 #692732
>>692004
Я сейчас где-то на этом же уровне.
#505 #692758
Алсо, сейчас охуеваю на главе с рекурсией. Чувствую себя тупой скотиной.
#506 #692793
>>692635
Ебать, лучше бы вы так с функциональным жаваскриптом заморачивались, а не с версткой, тэгами и говношрифтами.
Реактодаун, читающий книжку по функциональщине и охуевающий
>>692863
#507 #692810
>>692635
Спасибо за ПРОСТЫНЮ, забавно, что именно этого подхода со спан-с-классом я и избегал, наслушавшись охуительных историй про болезнь "классянка".
#508 #692863
>>692793
Но ведь я не имею права перейти к JS погромированию и всяким реактам, пока не осилю продвинутую верстку.
20 Кб, 483x183
#509 #692904
Отчего такая хуйня, аноны?
Каждый раз чтобы сделать коммит нужно набирать
git add . иначе пикрелейтед.
Где я проебался? Или так и должно быть?
Просто первый учебный проект с Git-ом.
#510 #692966
>>692592
ебать в спаны оберни, нахуй там эта простыня не ебу
>>692970
#511 #692970
>>692966
Спасибо Амир, я так и сделал уже.
#513 #692976
>>692974
tl;dr:
Всё, что до сих пор не проиндексировано — любые файлы, созданные или изменённые, и для которых не выполнена команда git add после момента редактирования — не войдут в коммит
#514 #692979
>>692635
В твоих строках сквозит безумие, это же ты тот с подробным планом на вкат?
Хочу побыть диванным психиатром и поставить тебе шизоидную акцентуацию или даже сразу расстройство личности. Интеллект присутствует, но стиль очень своеобразный, возможно есть небольшие нарушения мышления. хотя у шизоидов их обычно нет
>>692989
#515 #692989
>>692979
Как что-то плохое, в самом деле. Даже помогает: как накроет, так сидишь, уже 7 утра, а ты все смотришь в циферки и стучишь по клавиатуре, опача - интересный вебинарчик, надо посмотреть, и двое суток без сна. Никаких отвлекашек на игоры и кинцо, ибо кинцо творится в голове, this.router.history.start() и погнали.
другой анон
>>692998
#516 #692998
>>692989
Меня так тоже накрывает, но редко, когда я прямо продвигаюсь по своим скиллам и получаю порцию гормонов от мозга в награду.
Или сталкиваюсь с какой-нибудь еботой, которую не могу решить и потому не могу успокоиться. Тогда да, можно не спать, можно не есть, хотя до гипоманиакального состояния еще далеко.
#517 #693068
Аноны, где посмотреть годноты по написанию scss, а то набросал главную в html, не знаю с какого бока подойти, с чего начать написание scss. С переменных там или еще с чего?

Галп настроил, а вот реально туплю с этой хуйней.
>>693075
#518 #693075
>>693068

И в тему пинка, че там делать с картинками? Ебануть спрайт или просто свгшками подкидывать?
>>693111
#519 #693078
а стайлус не так популярен? он же вроде такой же как сасс, только двоеточия писать не надо. это ахуенно же, не?
>>693106
#520 #693106
>>693078
Да, популярен. Да, охуеннен. Суть везде одна, пользуйся чем хочешь кроме less.
#521 #693111
>>693075

Блядь, мысли никак собрать не могу в кучу.

В тему пинка: накидал разметку html по БЭМ, дополнив некоторые блоки классом для скрытия в мобильной версии. Но ведь это нихуя не мобайл фест.

Как вы писали мобильный пинк: накидали разметку по мобильному шаблону, а потом уже прикручивали блоки, которые не видны в psd или делали как я поглядывая на планшетную и десктопную версию и скрывая их в мобилке?

Ну и классика: кто тут пиздел, что сетка на флексах - дно? Обоснуй.
#522 #693139
Ебаное дно, полчаса пытался заставить работать сраные анимации в реакте (цсстранзишнгрупс, ога), перевернул всю сетку, накрутил костылей, и все равно не работает.
#523 #693214
На каком уровне желательно знать HTML/CSS, перед тем как браться за JS? Есть план записаться на базовый интенсив академии по хтмлу, а потом пойти либо на тот же интесив академии по ЖС, либо к Кантору. Деньги и время имеются, что посоветуете? Целесообразно ли тратить на хтмл/цсс деньги, если по большому счету 50 процентов уже освоено самостоятельно? Не хочется говнокодить прост.
>>693348>>693646
#524 #693326
>>692904
так и должно
#525 #693348
>>693214

> Целесообразно ли тратить на хтмл/цсс деньги


нет
#526 #693387
йоу, верстаны. Хотелось бы узнать как вы свг спрайте на галпе собирайте, при условии, что препроцессор сасс, а не стилус, например?
73 Кб, 638x479
#527 #693416
>>692904
Сначала тебе нужно занести изменения в index (stage), прежде чем коммитить. Ебанутая система, согласен. В mercurial вроде сразу в commit изменения отправляются.
https://youtu.be/PEKN8NtBDQ0?t=3m47s
>>693453
#528 #693429
>>692525
Бамп вопросу, как с этим говно совладать?
>>693443
117 Кб, 891x965
#529 #693443
>>693429
Никогда с этим не было проблем (если не считать периода, когда я говнокодил в нотепад++).
Настрой свой редактор, используй православные табы вместо 4 пробелов.
Еще есть всякие прекоммит хуки, но это уже запредельный пердолинг, как по мне.
>>694631
#530 #693453
>>693416
Чем же это она ебанутая? Тречишь только те файлы, которые хочешь закоммитить, все логично.
Конечно, когда ты сидишь дома и надрачиваешь петпрожекты, сливая сразу все в мастер-ветку, каждый раз писать add . запарно, но кому сейчас легко? Олсо для таких коммитов можно вообще скрипт захуячить и сливать все одной командой в терминале.
#531 #693483
Пацаны, при свойстве display:none грузится контент?
По легенде мне нужно с помощью жс сделать что-то тип слайдера, была мысль запихать все, допустим, картинки одну под другую и потом, с помощью добавления класса с z-indюx, доставать нужный элемент, но при таком подходе контент слайдера будет грузиться сразу весь, что хуево. С display: none
такого происходить не будет?
>>693489
#532 #693489
>>693483
Разумеется грузится.
По-твоему было бы лучше динамически прогружать новую картинку при нажатии на кнопочку? Зачем?
А вообще можешь менять src, например, и обмазать это все жиквери анимашками.
>>693505
#533 #693499
Вопросик от барбершопера. Сверстал я значит 4 страницы сего макета. Криво, но все работает. Потом захотел сравнить с теми, кто проходил курсы. Ну и сразу заметил такую вещь, что у них на все страницы один файл стилей, а я создавал файл стилей для каждой страницы, то есть у меня их 4. Подумал и решил тоже объединить, но тут возникла загвоздка. Например, на главной есть картинка фоном, её я прикрутил к body. Но ведь тогда и у других страниц будет фон. Не могу понять просто, может картинку прикрутить к какому-нибудь контейнеру, который эмулирует тег body? Алсо, зачем все сливается в один файл? Он кэшируется и это ускоряет скорость загрузки других страниц?
#534 #693505
>>693489
Ну блять, что значит зачем? Ну вот, допустим, есть у меня 40 слайдов, из которых пользователь посмотрит(читай кликнет), например, 2. Нахуя ему грузить остальные 38?
Подробнее про срц. Закомментить урл пикчи и потом по клику с помощью жс его раскомментить?
>>693525
#535 #693510
Так ты у body класс создавай, Семен Семеныч, и прикручивай фон к нему, а не к тегу. Или после body обертку открывай.
Сss должен быть один, не считая нормалайзов всяких.
>>693517
#536 #693517
>>693510
Спасибо, а я и не знал, что боди можно класс задать, ни разу нигде не видел.
#537 #693525
>>693505
Насколько позволяют судить лично мои знания, такая логика делается запросами к серверу/АПИ. Пролистал десять картинок => request => then грузим следующие 10 картинок.

> закомментить


Лол нет. Мне трудно делать абстракции, но я вижу это так:
1. получаешь от сервера объект с урлами картинок, типовида { айди: срц картинки }
/ { 123414: 'https://smeshnye_kartinochki/smishnyavka2.jpg' }/
2. в пустой тэг <img/> при инициализации хуячишь нужный срц
3. по клику на кнопочку некст меняешь срц на срц следующего элемента в объекте
4. по клику "прев" наоборот
Но это хуита какая-то, как по мне. Не знаю, зачем я вообще это предложил. Я так делал, когда прикручивал всплывающий попап-слайдер к одному говносайту, куда попадали все картинки, отмеченные юзером.
Олсо без бэкенд апи это все нужно будет хардкодить ручками.

Сейчас пойду гуглить, как динамическую подгрузку можно чисто на сервере сделать (и можно ли), самому интересно стало.
30 Кб, 612x612
#538 #693646
http://netology.ru/programs/html-css-base

ХАЛЯВА ПОДЪЕХАЛА, ФРОНТАНЫ!

Только придётся свою мобилку спалить. Наверно, потом будут спамить с продолжением обучения. Но халява того стоит! Это вам не несвежего Першина мусолить.
Ну-ка осмелейте, чтоб там весь чат двачевал пипетки.

>>693214
Вот тебе и бесплатная возможность приобщиться. Понять, что хуйня все эти чудо-курсы.
>>693684
#539 #693684
>>693646
Охуеть, да у нас тут СММ-щик
>>693708
#540 #693708
>>693684
Там ещё скоро лекция по экстремальному программированию будет. Тоже бесплатная, за один день всё можно освоить. Стоит подписаться на их Твиттер, чтоб быть в курсе. ололо

Там уже >300 вчерашних грузчиков и завтрашних сеньёров записано. Обещают развёрнутую оценку каждого практического задания. Как они это делать будут? Просто всем слать шаблон «ты у мамы молодец, у тебя почти получилось»?
>>693717>>693747
#541 #693717
>>693708

> экстремальному программированию


Это где джва часа поясняют, что такое переменная и функция?
#542 #693747
>>693708

> «ты у мамы молодец, у тебя почти получилось»


примерно так академия работает, лол
116 Кб, 661x724
#543 #693774
Cтереотипная тянучка. Ну может погляжу под пивас, отвлекусь от редакса. Может что интересного будет.
#544 #693816
Да ну, какой смысл от этих основ? Там даже нет верстки на флоатах, судя по содержанию.
Там есть другой курс "От нуля до первого макета", содержанием почти копия базового Академии. Но и просят за него 15 к. Если на торренты не завезут, то нафиг надо.
#545 #693836
Только я одни люблю светлые темы у IDE? Пробовал ставить дракулу для вебшторма, но работается с ней как-то хуже. Только у саблайма терплю дефолтную, так как им пользуюсь для чего-то быстрого.
>>693868>>693886
#546 #693868
>>693836
Да, ты один такой.
#547 #693885
Аноны, поясните что находится между макакой jquery версталой и angular/react господином?
Вот реально, это ж какая-то пропасть. Сначала все просто, но как развиваться дальше? Мир топового фронтенда настолько большой и быстрый что хуй пойми с чего начинать в него вкатываться. Да и вообще способен ли я вкатиться в него тот еще вопрос. Почему нет некого среднего уровня не для совсем макак но и не для очень умных чуваков тратящих на it по 12-14 часов в день?
>>693934>>694003
#548 #693886
>>693836
Я заметил, что ощущение темы от окружающего освещения зависит, меняю.
У меня тёмная комната, прямой солнечный свет вообще не попадает. Так что весь день сижу с тёмной темой, чтоб монитор не светил, как ебучий прожектор. Вечером, когда лампочки включаю, меняю на светлую тему, она чётче тогда выглядит.
Ещё от этого прикольное ощущение нескучности и новизны возникает, как когда мебель по комнате переставишь. Вроде всё старое, а какое-то свежее внезапно.
72 Кб, 500x310
Шизомарафон #549 #693934
Утро в коворкинг, фронтаны! Всем латте макиато.
Сейчас у меня по плану начать замыкания и я чёт ссу. Наверно ОТЛОЖУ НА ЗАВТРА. Сегодня не марафонный день, посмотрю околохуйню всякую.

>>693885
Макака тыкает, пока не повезёт; человек понимает, что делает. Макака может отвёрткой гвозди забивать и будет результат. Человек понимает, что такое отвёртка и гвозди. Труд сделает из обезьяны человека.
Ты с Жиквери просто далляры везде шлёпаешь, потому что тебе нравятся далляры? Или смог бы сам написать кривое подобие такой библиотеки? Вот, когда сможешь (гипотетически), тогда и реактозоопарки для тебя пугающими перестанут быть.
Есть такая концепция, назовём её «Манятеория 10.000 часов чистого опыта»:

от 0ч — начинающий. Это стажёр в манямире ИТ.
от 1000ч (от 6 месяцев при обычном 170ч рабочем месяце) — любитель. Это Джун.
от 5000ч (2,5 года) — специалист. Миддл.
от 10000ч (5 лет) — профессионал. Сеньор.

Она кстати почти совпадает вот с этой >>682824 пикчей. И это не просиженные часы, а честно отработанные.
Сколько у тебя таких часов уже есть, сам себе честно ответь.
Красивые цифры, как и в любых таких лайфхак-высерах, взяты почти с потолка, но это я к чему. К тому, что ты должен где-то насобирать это количество полезных часов (как в РПГшке), без них никак не случится lvlup. Переход количественных изменений в качественные, вся хурма. Было бы здорово, если бы Танк загрузил в тебя программу управления реактозоопарком, но мы не в кино.

>Да и вообще способен ли я вкатиться в него тот еще вопрос.


Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы. Всё упирается только в то, куда каждый отведённые ему часы тратит. Возможно, тебе не повезёт стать гениальным светилом, но стать хорошим специалистом сможет любой адекват.
Так что пока шлёпай далляры, но с умом. И сам не заметишь, как придёт ясность. Сам потом будешь смеяться со своих менжеваний, знаешь же.
Можешь конечно тратить свои часы куда-то ещё и быть счастливой макакой. Но что-то по твоему посту не похоже, что так ты будешь в добрых с самим собой. У тебя просто отчаяние приключилось, пересиль его.

>с чего начинать


Я сейчас сам на Канторе сижу, с дивана вещаю. У меня пока план такой:
Начну с Ангуляра (после ванилы, ес6, жиквери). Он стабильно есть в вакансиях и вряд ли скоро пропадёт. Куча видосов-статеек имеется, всё уже разжёвано-пережёвано, никакого зоопарка. К новому году (ща опять набегут долбоёбы от «да это за неделю можно, ебать ты тупой» и до «надо все методы наизусть выучить, тебе и года не хватит») хочу закончить пет-проджект на MEAN.
https://github.com/angular-fullstack/generator-angular-fullstack
Это отличный уровень для джуна должен быть, если смогу с пониманием делать, а не хуяк-хуякать.
Потом хочу Полимер посмотреть. Кажется, я дико угорю по веб-компонентам. Когда БЭМ и Атомик ковырял, мечтал-фантазировал о такой штуке. Естественно, всё до меня уже придумали.
Ну а там уже и до реактозоопарка дело дойдёт. Я к нему вообще никаких тёплых чувств пока не испытывают. И в вакансиях нет ажиотажа, сопоставимого с местным хайпом. Обычно это просто «плюсом будет знание Ангуляр\Реакт». Отдельно Реакт для джуна не помню, чтоб встречал.

Где там мой психоаналяша. Иногда мне кажется, что луковые мухи внутри людей звенят зелёным ветром.
72 Кб, 500x310
Шизомарафон #549 #693934
Утро в коворкинг, фронтаны! Всем латте макиато.
Сейчас у меня по плану начать замыкания и я чёт ссу. Наверно ОТЛОЖУ НА ЗАВТРА. Сегодня не марафонный день, посмотрю околохуйню всякую.

>>693885
Макака тыкает, пока не повезёт; человек понимает, что делает. Макака может отвёрткой гвозди забивать и будет результат. Человек понимает, что такое отвёртка и гвозди. Труд сделает из обезьяны человека.
Ты с Жиквери просто далляры везде шлёпаешь, потому что тебе нравятся далляры? Или смог бы сам написать кривое подобие такой библиотеки? Вот, когда сможешь (гипотетически), тогда и реактозоопарки для тебя пугающими перестанут быть.
Есть такая концепция, назовём её «Манятеория 10.000 часов чистого опыта»:

от 0ч — начинающий. Это стажёр в манямире ИТ.
от 1000ч (от 6 месяцев при обычном 170ч рабочем месяце) — любитель. Это Джун.
от 5000ч (2,5 года) — специалист. Миддл.
от 10000ч (5 лет) — профессионал. Сеньор.

Она кстати почти совпадает вот с этой >>682824 пикчей. И это не просиженные часы, а честно отработанные.
Сколько у тебя таких часов уже есть, сам себе честно ответь.
Красивые цифры, как и в любых таких лайфхак-высерах, взяты почти с потолка, но это я к чему. К тому, что ты должен где-то насобирать это количество полезных часов (как в РПГшке), без них никак не случится lvlup. Переход количественных изменений в качественные, вся хурма. Было бы здорово, если бы Танк загрузил в тебя программу управления реактозоопарком, но мы не в кино.

>Да и вообще способен ли я вкатиться в него тот еще вопрос.


Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы. Всё упирается только в то, куда каждый отведённые ему часы тратит. Возможно, тебе не повезёт стать гениальным светилом, но стать хорошим специалистом сможет любой адекват.
Так что пока шлёпай далляры, но с умом. И сам не заметишь, как придёт ясность. Сам потом будешь смеяться со своих менжеваний, знаешь же.
Можешь конечно тратить свои часы куда-то ещё и быть счастливой макакой. Но что-то по твоему посту не похоже, что так ты будешь в добрых с самим собой. У тебя просто отчаяние приключилось, пересиль его.

>с чего начинать


Я сейчас сам на Канторе сижу, с дивана вещаю. У меня пока план такой:
Начну с Ангуляра (после ванилы, ес6, жиквери). Он стабильно есть в вакансиях и вряд ли скоро пропадёт. Куча видосов-статеек имеется, всё уже разжёвано-пережёвано, никакого зоопарка. К новому году (ща опять набегут долбоёбы от «да это за неделю можно, ебать ты тупой» и до «надо все методы наизусть выучить, тебе и года не хватит») хочу закончить пет-проджект на MEAN.
https://github.com/angular-fullstack/generator-angular-fullstack
Это отличный уровень для джуна должен быть, если смогу с пониманием делать, а не хуяк-хуякать.
Потом хочу Полимер посмотреть. Кажется, я дико угорю по веб-компонентам. Когда БЭМ и Атомик ковырял, мечтал-фантазировал о такой штуке. Естественно, всё до меня уже придумали.
Ну а там уже и до реактозоопарка дело дойдёт. Я к нему вообще никаких тёплых чувств пока не испытывают. И в вакансиях нет ажиотажа, сопоставимого с местным хайпом. Обычно это просто «плюсом будет знание Ангуляр\Реакт». Отдельно Реакт для джуна не помню, чтоб встречал.

Где там мой психоаналяша. Иногда мне кажется, что луковые мухи внутри людей звенят зелёным ветром.
#550 #693952
>>693934
Так сколько тебе там лет и какой бэкграунд?
>>693973
sage #551 #693957
>>693934
текста дохуя, толку нихуя
>>693973
Шизомарафон #552 #693973
>>693952
27 лвл, из Рашки. Закончил гуманитароту. Учился, а не корочку получал. Но в той сфере себя не нашёл. Хиккую с перерывами на поиски еды уже 5 лет.
Зимой наткнулся на завлекуху от Гикбрейнс. Попробовал бесплатное и охуел от того, как мне это нравится. С 27 июня ебашу марафон. Не без проблем, хикканские-уебанские привычки дают о себе знать.

>>693957
У тебя даже текста нет.
На все вопросы анону (и себе) я ответил. Какой ещё толк должен быть? «Ща я тебе в одном посте всё за весь зоопарк поясню»?
Просто скрой, не трать время. Я даже неймфажить начал, чтоб мою дрысню было проще прятать.
>>693978
#553 #693978
>>693973
Вам, мужчина, уже на кладбище скоро пора, а вы замыкания учите.
>>694095
#554 #694001
>>693934

>Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы.



Вообще присказка о том, что все люди от рождения одинаковы, пришла к нам из декларации независимости США, где было сказано, что бог создал всех одинаковыми, а следовательно равными, так что утверждать, что ты не веришь в бога и одновременно считаешь, что все рождаются одинаковыми - странно.

Если же ты знаком с теорией эволюции, то должен знать, что люди, как и все прочие существа, появились разными. И, собственно, сам человек появился благодаря изменчивости. Изменчивость предопределяет не только внешние различия, но и способности. Это отлично видно на спортсменах - если тебе не повезло с генами, то, как ни старайся, ты не пробежишь 100 метров быстрее Усейна Болта.
То же самое с программированием, если тебе не повезло, тебе предопределено всю жизнь быть средненьким программистом, при этом, чтобы оставаться на этом уровне, ты будешь яростно ботанить. А кто-то за это же время, с такими же усилиями, попадёт в топ и будет программировать ИИ и прочие нейронные сети, особо не напрягаясь, в лучших конторах мира.
>>694095
#555 #694002
>>693934
Требуемое количество часов примерно в 2 раза меньше, однако надо учитывать, что люди работают не более 4-6 часов в день.

Про устроиться куда-то стажером или джуном лучше сразу забыть, стоит целиться в лоу-левел милдла.

Ангуляр странный выбор. На него, конечно, есть работа, но первый уже устарел, а второй особо не взлетает. Плюс ты учишь именно Ангуляр, а не JS. Реакт в этом плане получше. Хотя, если цель в максимизации прибыли, то можно и его.
>>694058>>694095
#556 #694003
>>693885
А в чем пропасть? Берешь и учишь Реакт без задней мысли. По 12-14 часов в день никто не ебошит.
#557 #694058
>>694002
Да ты видел сколько ему лет? Тут еще вопрос кто скорей сдохнет: он или ангуляр.
>>694066
#558 #694066
>>694058
Видел, и что? Что за дремучие стереотипы про возраст? Я устроился на первую работу программистом в 29 с годовым опытом, за полгода вырос в лучшего фронта в компании. Откуда вообще мнение, что кодеры это какие-то боги, которые ебошат 24/7 и говорят в бинарном коде? Обычные люди, иногда глупые, часто ленивые.
>>694077
#559 #694077
>>694066
Мнение составленное из реальной жизни, а не с форумных постов вроде твоего. Что человек вообще делал 10 лет после окончания школы, сидел у мамки на шее и играл в игры? А потом мамка умерла и стало нечего есть и он решил стать программистом?
Сможет ли он конкурировать с людьми своего возраста у которых опыт в професии 10 лет?
#560 #694080
>>694077
Лол, а ты заебись конкурируешь с пацанами своего возраста, которые в олимпиадах по программированию с 5 лет участвуют?
>>694085
#561 #694084
>>694077
Я делюсь личным опытом, алое. Ты пока поделился только вскукареками.

Десятилетний опыт во фронте это смешно. Что там релевантного, умение верстать закругленные уголки 9 картинками под шестого осла?

Реакту три года, Бабелю два, Редаксу год. Даже не знаю как конкурировать с теми, кто их еще в детском саду учил.
>>694086
#562 #694085
>>694080
Таких мало, я их только в интернете встречаю на записях всяких семинаров типа holyjs и охуеваю с прошаренности и опыта этих людей.
Но таки повторюсь, таких гениев мало и пусть я не составлю им конкуренцию, но они уйдут в какой-нибудь яндекс работать, а все еще есть куча вакансий в не таких престижных компаниях.
А вот старпера без опыта на вакансию джуна имхо еще хр отсеет. Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22.
#563 #694086
>>694084
Учить бабель это как?
>>694088
#564 #694088
>>694086
Учить ES6, который Бабель позволяет использовать. Ну не тупи, а.
>>694091
#565 #694091
>>694088
Так и пиши учить ES6, или ты из тех кто системный блок называет процессором?
Хотя чего я жду от престарелого аутиста лол.
>>694099
Шизомарафон #566 #694095
>>693978
Без замыканий в нашем веке в Рай не пускают.

>>694001
Про ВСЕ РАВНЫ согласен. Красивая левацкая чушь. Но я же не об этом.

>быстрее Усейна Болта


Ты предлагаешь тогда лечь и сдохнуть? Понятное дело, что олимпийски чемпион, он такой один на всю планету. Хотя и то не факт. Может быть сейчас на окраине Детройта нигер с магнитолой от копа бежит быстрее. Просто он на Олимпиаду не попал.
А вот стать разрядником по бегу под силу тебе, мне (даже старому), многим, у кого ноги есть. Те, кому с ногами вообще не повезло, просто бегать даже не начнут. Вот я о чём.
Если ты этим занимаешься, значит у тебе это уже получается, либо ты долбоёб-мазохист. В долбоёбов я не верю, их просо надолго не хватает. Ты же чего-то уже достиг.

Это всё блядский корзиночкин перфекционизм. «Не буду пока с Еотовой за ручку держаться. Страшно. Вот когда Анджелину Джоли смогу круто выебать, тогда да». Ничего не даёт, только жить мешает.

>>694002

>примерно в 2 раза меньше


Цифры с потолка же. На тысячном часу никакого чуда не произойдёт наверно.

>стоит целиться в лоу-левел милдла


Лоу-левел? Нет, я только директором пойду. Не для мелочной работы меня мамочка растила.

>первый уже устарел


Ага, как и Джава. В вакансиях постоянно встречается. Рыночку виднее, чем восторженным модникам-троллятам из /pr.

>ты учишь именно Ангуляр, а не JS


С дивана плохо представляю. Но слышал про такое и это единственное, что омрачает мой бесподобный план. Может быть даже всё переиграю из-за этого, когда время придёт. Но уж очень хорошим путём MEAN мне видится.
#567 #694096
>>694077
>>694085

>конкурировать с людьми своего возраста у которых опыт в професии 10 лет



Люди конкурируют не по возрасту, а по знаниям. Это означает, что человек занимает свою нишу согласно своему опыту, а не возрасту, т.е. если у него опыт 10 лет то он идет в сеньеры, и конкурирует с людьми с таким же опытом, не важно сколько им лет. Если опыта меньше - идет в мидлы/джуны и конкурирует уже там. И так далее.

>>694085
По-моему ты просто юный максималист, который ввиду своего возраста всех что старше на десять лет видит уже глубокими стариками. Нормальным людям будет совершенно поебать, что они старше своего начальника, но похоже ты воспринимаешь это как глубокое уязвление и обиду, что еще раз говорит что ты довольно молод.
#568 #694097
ребят, как на жиквери связать элементы?
Ну типо есть у меня 2 дива-блока и в каждом диве еще по 3 дива и надо чтобы по нажатию на 2 див в 1 блоке что-то срабатывало во 2 диве 2 блока, а не в 3, например.
>>694108
#569 #694099
>>694091
У тебя по существу возражения есть? Личный опыт? Тебе 22 и ты сам принимаешь на работу людей? Или статистика есть какая-нибудь? Хоть что-то в подтверждение твоих слов.
#570 #694104
>>694085

>Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22


Ужас-то какой. Нельзя же чтобы начальник был младше тебя!
#571 #694106
Хватит сраться, заебали, идите работать уже.
Лишь бы хуйней по страдать, а не делом заниматься.
#572 #694108
>>694097
Нужна помощь, пацаны
>>694126
#573 #694111
Да ладно, мужики, забейте. Я не хотел кого-то троллить, мб у вас все и получится в 30 лет, даже рад за вас буду.
Но я просто не понимаю что вы делали до этого что так поздно вкатываетесь в профессию.
>>694115
#574 #694112
>>694095

> Рыночку виднее


Так сильно хочешь копаться в тысячах строк индусского говнокода, написанного до тебя?
#575 #694113
>>694095

>Лоу-левел? Нет, я только директором пойду. Не для мелочной работы меня мамочка растила.



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

Почитай https://medium.com/russian/frontend-dev-хороший-плохой-злой-часть-2-плохой-путь-aa99f3ce376#.ch8w6eext
Там хорошо расписано то, о чем я говорю.
#576 #694114
>>694085

>Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22.


бггг
после 30 вообще перестаешь обращать внимания на возраст...

это только вчерашняя школота вроде тебя почему то надрачивает на различия в возрасте.
Важны дела а не года за спиной.
кстати ржать скорее всего будет 30лений над 22летним в процессе работы, потому что в 22 человек от недостатка жизненного опыта часто ведет себя как дурак:) особенно если начальник. Тем более если корзина..
#577 #694115
>>694111
Работали в другой области, например?
>>694116
#578 #694116
>>694115
И зачем так вот перечеркивать все свои достижения за 10 лет в другой области? Кризис среднего возраста?
>>694123
#579 #694119
>>694095

>В пизду таланты. Все люди от рождения почти одинаковы


>Про ВСЕ РАВНЫ согласен.


Люди НЕ РАВНЫ.
Они не равны ни физически, не интеллектуально, не морально.
И эта разница многоступенчата, разные нации, разные географические условия, разный набор ген, и даже пир всем схожем генетическая лотерея может сделать двух братьев совершенно разными, и внешне и по талантам.
Главная ошибка демократии и вообще цивилизованных ценностей это попытки уравнять людей. Нельзя уравнять тех кто изначально не равен, даже у Кольта не получилось, ибо реакция, зрение, хитрость.. и тп.. тд..
#580 #694122
>>694095

>Ты предлагаешь тогда лечь и сдохнуть?


Я вёл к тому, что заниматься нужно тем, к чему есть предрасположенность. Если каждый успех в программировании нужно вымучивать из себя, то может стоит подумать о каком-то другом направлении или сфере.
#581 #694123
>>694116
Почему перечеркивать? Был UI/UX дизайнером, потом версталой, потом фронтом. Синергия, епт!

Но кто-то может просто захотеть сменить профессию по миллиону причин. Нелюбимая работа на которую запихали родители, внезапно проперло программирование, просто погоня за деньгами в конце концов.
#582 #694126
>>694108
Можно по старинке, через селекторы. Но вообще нужен объект с состоянием приложения и ряд функций, который бы позволял этим состоянием манипулировать и распространять его на подчиненные дивы. Можно написать самому, но обычно когда возникают такие задачи уже пора браться за Реакт.
>>694142
#583 #694134
Объясните, когда юзать стэйтлесс компоненты в Реакте. Я запутался.
>>694137
#584 #694137
>>694134
По идее всегда, когда это возможно.
>>694140
#585 #694140
>>694137
Я читал официальную документацию... Но КОГДА это возможно?
Ладно, пойду гуглить.
>>694141
#586 #694141
>>694140
Когда у компонента нет стейта и lifecycle-функций. Есть только функция render.
>>694145
#587 #694142
>>694126
Как через селекторы? Сори, что туплю. Если не сложно, объясни подробнее.
>>694146
#588 #694145
>>694141
В это и проблема, с ванильным реактом все ясно и понятно, но вот я уже 2-й учебный проект пишу на редаксе и не понимаю, куда можно запиндюрить стейтлесс и нужно ли это вообще.
Скорее всего проблема в том что я тупой дебил проектики мелкие, максимум 10 компонентов, из которых половина коннектится к стору редакса.
>>694148
#589 #694146
>>694142
$('.div1').doSomething();
>>694151
#590 #694148
>>694145
Кинь гитхабчик, я посмотрю.
>>694154
#591 #694151
>>694146
А, не, это ебля и хардкодинг. Я думал там через this, а селекторы в хтмле как-то скрестить.
Спасибо, что ответил.
>>694155
#592 #694153
Где возможно найти наставника, не записываясь на эти ссаные курсы, чтобы человек время от времени проверял код, указывал на ошибки, ментора хочу короче, но чтобы все было не так формально как на курсах. За деньги естественно.
>>694158
#593 #694154
>>694148
Стыдно, как-нибудь потом.
>>694158
#594 #694155
>>694151
Суть джиквери в ебле и хардкодинге. Реально, переходи уже на что-нибудь нормальное. Джиквери не подходит для более-менее сложных интерфейсов.
>>694177
#595 #694158
>>694154
Так тебе нужен разбор ошибок или нет?

>>694153
Готов попробовать в качестве эксперимента. Стек реакт/редукс/вебпак, уверенный миддл, живу в ДС.
#596 #694170
сап котятки, нашел наконец время перекатиться с xubuntu на windows 7, а че за хуйня с шрифтом то ? У всех он такой ?
#597 #694177
>>694155
суть жиквери в удобной манипуляции с DOM вафел, даже если я перейду на реакт для любой мало-мальски сложной хуйни мне придется к ref-ами с помощью jquery манипулировать
>>694182>>694184
#598 #694182
>>694177

> реакт


> жиквери


Ты еще скажи, что аякс-заросы в реакте на жиквери делаются.

https://www.youtube.com/watch?v=sZlR99cvFd4
>>694185>>694194
#599 #694184
>>694177
Если пытаться писать на реакте как на джиквери, то еще и не такое делать придется. Но лучше все-таки писать на реакте как на реакте. Тогда рефы используются крайне редко.
#600 #694185
>>694182
Аякс-запросы все белые люди уже сто лет как делают через fetch.
#602 #694207
Фронтендеру надо знать SQL?
>>694211>>694219
#603 #694211
>>694207
обычно им не пользуются на фронте, но ИМХО лишних знаний не бывает, пробегись по какой нить книженции страниц на 200 чтоб по минимуму представлять что к чему и все хули
>>694227
#604 #694213
>>694194
И что ты этим хотел сказать?
>>694214
#605 #694214
>>694213
что жиквери обязательна в чем то слежнее сортироваки таблицы
>>694215>>694239
#606 #694215
>>694214
На чем основаны такие выводы? На одном прикладном модуле в огромном опенсорс проекте?
>>694216
#607 #694216
>>694215
да я 50 таких проектов могу привести в пример
>>694217
#608 #694217
>>694216
Ну молодец, моги дальше.
Шизомарафон #609 #694219
>>694207
Лишним вряд ли будет, но без фанатизма. Вот тут можно ознакомиться пабыренькаму:
http://www.w3schools.com/sql/default.asp
>>694227
#610 #694227
>>694211
>>694219
В таком случае нахуй SQL. Слишком много технологий из разряда "лишним не будет".
>>694238
Шизомарафон #611 #694238
>>694227
Не надо до сеньора дрочить, блядь. Пару часов потратить, с синтаксисом и основными идеями разобраться. Чтоб не затупить, если вдруг где встретишь. И в резюме красивая строчка для хрюши пойдёт.
То же самое для PHP.
>>694243
#612 #694239
>>694214
Полная ерунда, джиквери постепенно отползает в прошло. Что там такого есть, что обязательно прям в каждом проекте?
>>694294
#613 #694243
>>694238
То же самое для Руби, Питона, Джавы, C#, С, Асма...
>>694244
119 Кб, 825x713
#614 #694244
>>694243
И лисп чтоб прокачать мышление?
#615 #694294
>>694239
высокоуровневое DOM API
>>694308
#616 #694308
>>694294
Все популярные фреймворки включают в себя собственную реализацию работы с DOM, джиквери тут как пятое колесо. Что-нибудь еще?
>>694311>>694313
#617 #694311
>>694308
тысячи плагинов, востребованность у работодателей, отсутствие jsx
>>694322
#618 #694313
>>694308
и я еще про серверный рендеринг не упоминал, и "великолепные" изоморфные реакт приложения по факту являющиеся диким щитом
#619 #694317
В общем, все бросаем эти наши ангулары/реакты/эмберы и срочно надрачиваем жиквери.
#620 #694322
>>694311

>востребованность у работодателей


Найди мне хоть одну вакансию программиста на джиквери с приличной зарплатой.

>отсутствие jsx


В чем проблема jsx?

>изоморфные реакт приложения по факту являющиеся диким щитом


Как работаю с таким. В чем проблема?
66 Кб, 572x620
#621 #694483
Как бы вы сделали подобное на реакте?
>>694484>>694552
#622 #694484
>>694483
Интересует только переключение форм, если что.
#623 #694552
>>694483
В зависимости от состояния родительского компонента он показывает один из двух дочерних. Состояние может приходить откуда угодно — из роута, из редакс-стора, из собственного state компонента.

Читай https://facebook.github.io/react/docs/thinking-in-react.html
>>694559
#624 #694559
>>694552
Ага, спасибо. Значит моя изначальная мысль (назначить какой-нибудь флаг в стэйте, нажатии на кнопочку запускать нужный экшн => редьюсер, менять флаг) была не такой уж и наркоманской.
Если что, это задание с апворка на 50 баксов, решил сделать для себя тренировки ради.
>>694561
#625 #694561
>>694559
Ну да, редакс так и работает, лол.
49 Кб, 756x779
#626 #694631
>>693443
В редакторе все ок, братишка. Я не понимаю, чего оно так на гитхаб льет.
>>694655
#627 #694655
>>694631
Сделай отступы видимыми для начала. А то у тебя даже непонятно из чего они состоят. Мб там два таба.
>>694656
#628 #694656
>>694655
В настройках один таб ставил.
#629 #694830
Решил посмотреть что-нибудь кроме академии, на ноунейме есть слитые курсы по верстке/фронту от гикбрейнс, goIT, нетологии.

Какая из этих контор наименее зашкварная, чтобы не пожалеть о потраченном времени?
>>694831>>694950
#630 #694831
>>694830

> гикбрейнс


2006 год из 10. Редкостная хуета радует, что большая часть вчерашних-менеджеров-завтрашних-сеньоров идет именно к ним из-за агрессивной рекламы, все меньше конкуренции.

> goIT


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

> нетология


Маркетинг/10

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

посмотрел в перемотке почти все русскоязычные говнокурсы под пивас
>>694946
#631 #694946
>>694831

>жс-ниндзя


что это?
#632 #694950
>>694830
Проблема большинства курсов - преподаватели с дефектами речи. Если аниме озвучивают преимущественно картавые школьники, то курсы ведут писклявые, глотающие буквы, шипящие дегенераты с детскими голосками. Слушать такое невозможно. При этом, западные кусры, даже говнокодерские, ведут люди с нормальными поставленными голосами, при чём говорят так, что и ненейтиву понятно.
>>694982
#633 #694982
>>694950
Двачую. Вот бы все курсы такими были
https://www.youtube.com/watch?v=XrFegNHpHfc
>>694990>>695023
#634 #694990
>>694982
записался на курс
@
проспал лекцию
#635 #695023
>>694982
Проблевался.
>>695034
#636 #695034
>>695023
Сука не смей пиздеть на мою вайфу.
#637 #695071
Использую gulp-connect в качестве пхп-сервера для разработки. Как логгировать в консоль галпа из php скриптов-то? var_dump не работает, echo не работает, подцепить к браузеру не могу, так как это обработчик вебхука.
Я в печали.
>>695164
#639 #695526
Советы советами, а что лучше начать изучать Angular или Angular2 в конечном итоге то. У меня кругом голова.
https://www.strawpoll.me/11077654
>>695528
#640 #695528
>>695526
Второй ангулар еще оооооочень нескоро займет место первого.
#641 #695533
Что такое REST/RESTful/...?
Объясните на пальцах. А какие ест ьеще подходы/технологии?
>>695539>>695551
#642 #695539
>>695533
ОТДЫХ/СПОКОЙный. Когда на расслабоне пишешь код и не паришься.
>>695546
#643 #695546
>>695539
Ахах, под пивас)))
я не совсем даун
#644 #695551
>>695533
В той же вики все подробно разжевано.
>>695555
#645 #695555
>>695551
Там вода одна, нихуя не понятно.
47 Кб, 1000x1000
#646 #695750
Привет, девченки.

Задумался о таком вопросе. Какое приложение запилить с использованием Angular или React, чтобы и потенциальному работодателю свой скилл продемонстрировать, но и не влезть в бэк и бд? Кто какие велосипеды пилил для тренировки, признавайтесь.
>>695770
#647 #695770
>>695750
Степанов?
>>695967
#648 #695966
Кто нибудь пробовал интенсив по JS на академии? как оно?
#649 #695967
>>695770
Не угадал.
#650 #696011
Привет, я не знаю что делать. Решил вкатиться в верстку, но появился вопрос. Стоит ли учить параллельно питон? Просто везде яву дрочат, а я за питона уже взялся. И вообще, каковы шансы на успех?
>>696014>>696015
#651 #696014
>>696011
Нахуя питон? Зачем фронту ява? Шансы на успех оцениваю в 23.5%.
>>696050
#652 #696015
>>696011

>верстка


>питон


Вообще не близко.
>>696050
#653 #696050
>>696014
>>696015
Ну просто все говорят, что лучше яп еще учить, дабы увеличить охват и повысить шансы на успех. Вот я и подумал, что можно было еще и за питон взяться, поскольку многие считают его наиболее простым для новыхпедиков. В таком случае, с чем совмещать-то? С яваскриптом?
>>696053>>696066
#654 #696053
>>696050
Правильно говорят, только не питон нужно а жаваскрипт, да. Практически единственный язык для веба сейчас.
#655 #696066
>>696050
Не надо его ни с чем совмещать. Единственный язык на фронте — JS. По сложности особенных различий между С-подобными языками нет.
#656 #696101
3ч ушло на курс про блочную модель, ппц устал, как будто мешки грузил.
>>696243
#657 #696243
>>696101
ЧЕ за курс?
#658 #696304
Давно не заглядывал че-то. Сегодня созвонился с одной конторой на вакансию версталы. Запросил у них тестовое задание. Договорились, что сделаю любой макет, на мое усмотрение, в качестве проверки скилов.

Продажник-кун
>>696414
#659 #696414
>>696304
Отчитайся потом как прошло.

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

Сейчас сижу и надрачиваю D3.
>>696425>>696455
#660 #696425
>>696414
Не самый плохой подход.
#661 #696454
йоу, я чето начал понимать в js
Последовательность чисел Фибоначчи имеет формулу Fn = Fn-1 + Fn-2. То есть, следующее число получается как сумма двух предыдущих.

Первые два числа равны 1, затем 2(1+1), затем 3(1+2), 5(2+3) и так далее: 1, 1, 2, 3, 5, 8, 13, 21....

Числа Фибоначчи тесно связаны с золотым сечением и множеством природных явлений вокруг нас.

Напишите функцию fib(n), которая возвращает n-е число Фибоначчи.

сделал за 10 минут, причем работает даже с отрицательными числами. и решение помоему даже лучше чем в ответе.
до этого либо вообще не мог сделать задания, либо говнокодил жутко
>>696503
#662 #696455
>>696414

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

Общался с секретарем в студии из 5 человек и верстающем директоре, лол.
#663 #696503
>>696454
Но ведь js это не программирование алгоритмов, это знание кучи методов, бест практик, библиотек, инструментов, воркэроундов, паттернов и все такое.
А ты занимаешься херней вместо заучивания спека.
>>696511>>696545
#664 #696511
>>696503
Удваиваю. Я такие ебанутые задачи на математику сразу скипаю. Нужно учить само устройство языка, а функцию на сраные фибоначчи можно и в интернете найти готовую.
>>696545
#665 #696517
Херра себе... а я тут ноду/реакт задрачиваю...

https://moikrug.ru/vacancies/1000006434?f=social
>>696520>>696838
#666 #696520
>>696517

> 2505 просмотров


))
#668 #696557
Бля, саня симоненко такой прямо типичный хипстер, борода, обтягивающие штанишки, детский голосок.
https://www.youtube.com/watch?v=f4uXBpP_xxY
>>696574>>696597
#669 #696574
>>696557
чем знаменит?
>>696576
#670 #696576
>>696574
Это же бородач из кокодемии, он там пару уроков жабаскрипта дает в базовом/продвинутом по верстке. И вроде это он к нам пару раз вкатывался.
#671 #696597
>>696557

>саня



Леха же
>>696607
5095 Кб, Webm
#672 #696607
>>696597
И правда.
#673 #696619
>>696607

Ну Леха доходчиво поясняет за JS, мне показалось, а вот при прослушивании Коляна Громова мне хотелось отпиздить пару раз, как минимум.
#674 #696709
>>696607
Это что за ёбаный стендап?
>>696710
#675 #696710
>>696709
Типичная сходочка фронтендеров.
#676 #696828
Чё то в треде никого, мб перекатим? хотя бы копирайтеры ворвутся, хоть какая то движуха.
>>696830
#677 #696830
>>696828
Так перекатывай.
>>696831
#678 #696831
>>696830
да чё то лениво
#679 #696838
>>696517
Ну нахуй эти большие проекты, сейчас верстаю ебучую соцсеть там сука 100 макетов, заебало уже. И ладно бы макеты были нормальные, так сука дизайнер мудачок тот еще.
>>696949
#680 #696839
>>696607
Програмирую на джиквери патамушта там доллары, все любят доллары))))))))
>>696887
#681 #696887
>>696839
Лёха, ждём шуток про паддинги с пипетками!
>>696895
#682 #696895
>>696887

>паддинги с пипетками


Чё за мемас?
#683 #696949
>>696838

>100 макетов


мать моя женщина роди меня обратно.
С какой периодичностью тебя посещает мысль о суициде ?
>>697729
#684 #696975
Нормально вкурил галп только после того как пописал немного на ноде. А ведь еще после продвинутого как сейчас помню было ощущение, что я чет не въезжаю и делаю всякую шляпу повторяя как макака.
Восхищаюсь (серьезно) людьми которые толком не разобравшись в инструменте не испытывают никакого дискомфорта и просто херячат (касается всего, и тех, кто на бутстрапчике сайтики клепает при этом засыпаясь на простых вопросах по верстке, и тех, кто не зная нормально ванилу херячат на jq, и теми кто вообще без понимания пыхи на вордпрессе фигарят и т.д. и т.п.).
У меня же так не выходит - внутреннее неприятное ощущение не дает покоя :( Зато когда разбираешься и наступает этот "ага!"-момент прозрения, испытываешь чувство глубочайшего удовольствия, хах)

выговорился, можно дальше идти
>>696978>>697016
#685 #696978
>>696975
Тебя еще только ждет увлекательное знакомство с вебпаком, хе-хе.
>>697100
#686 #697016
>>696975
Сколько времени учишься уже?
>>697037>>697100
#687 #697037
>>697016
года 1.5 -2
>>697100
#688 #697100
>>696978
Ну да, на очереди

>>697016
>>697037
почти год (без нескольких дней)

Как тот чувак, который выше писал что постоянно оттягивает с работой, так и у меня думал что устроюсь версталой, но потом засел за js, потом поковырял jq, lodash, читнул немного про функциональное программирование, потом за ноду + экспресс и немного ковырнул koa2, теперь вот реакт + ридакс надо думаю освоить, более-менее портфолио сделать и точно буду устраиваться))
#689 #697173
>>686384
Анон, я решил вкатиться.
Мимо верстал сайтики с 14 лет для себя и знакомых, но никогда серьезно этим не занимался
Аутист 20 лвл
1157 Кб, 1229x517
#691 #697206
как сделать такую резиновую хуйню?
>>697211>>697230
#692 #697211
>>697206

В макете эта херня идет одной картинкой, и это самый простой способ.
Либо каждый треугольник отдельно.
>>697944
Шизомарафон #693 #697230
>>697206
Если время и решительность есть, можешь задрочить SVG и левелапнуться:
http://www.w3schools.com/svg/svg_polygon.asp

Или захуяк-хуякать PNGшкой.
Или заговнокодить четырьмя элементами с бордерами или градиентами.
>>697944
#694 #697243
>>697204

> Айрапетян, сооснователь, генеральный директор GeekBrains.


Всегда знал, что армяне - хитрожопые ублюдки.
549 Кб, 811x407
23 Кб, 283x267
#695 #697260
Если пришло время платиновых вопросов про Седону спрошу и я.
Как сверстать верхнее меню на флексах так что бы флажок был по центру?
В HTML флажок не входит в main-nav, так как main-nav прячется.
#696 #697285
>>697260
Пускай появляется, когда нужно через ::after
>>697357>>697946
#697 #697310
>>697260
Ну как-то так, например. Это старый говнокод, так что сильно не обольщайся, но общую идею уловить можно.

http://codepen.io/anon/pen/xOvgpm
>>697357>>697946
133 Кб, 1136x640
#698 #697357
>>697285
>>697310
Спасибо
Держите рыжую киску
#699 #697434
Аноны, составил список чего учить для устраивания на работу, рейт плз.
Html, CSS, PostCSS, Webpack, Javascript, Nodejs, Express, MongoDB, React, Sails, Bash, Docker.
Что еще надо добавить в список для успешного вкатывания во фронтэнд? У меня 9 месяцев на обучение, по 6-10 часов в день.
#700 #697460
>>697434

>У меня 9 месяцев на обучение, по 6-10 часов в день.


>Html, CSS, Javascript


На этом и закончим.
>>697466
#701 #697465
>>697434
У тебя какая-то каша в голове. Ты уж или во фронтенд или в бэкенд, фуллстэком за 9 месяцев домашнего задротства стать невозможно. Т.е. можно, конечно, но это будет что-то уровня битрикс-погроммиста.
Смотри, вникай, решай:
https://www.youtube.com/watch?v=sBzRwzY7G-k
>>697482
#702 #697466
>>697460

Убрать sails, добавить flux/redux
еще (хоть postCSS может и заменить) глянуть что-нибудь из less/sass/stylus.
Gulp, yeoman
lodash/ramda
хоть и не привествую но глянуть глазком jq, bootstrap
Ну и тесты (mocha, chai, jasmine)

Хватит, только про порфолио не забудь потом)
на счет вложишься или нет - хз, удачи. В шапке начальные материалы (академия) есть
#703 #697470
>>697466
Это сюда >>697434
#704 #697475
>>697466

> flux


Нафиг он нужен вообще. Есть редакс для хардкора, и mobx для души.
#705 #697478
>>697434
Ты хоть что-то из этого изучи, а потому уже думай куда дальше копать.
>>697483
#706 #697482
>>697465
Ну я хотел бы фулстак, но начинать придется видимо с фронтэнд онли.
>>697466
Ок, Sails вычеркнул.
А npm-скрипты норм замена для gulp?
#707 #697483
>>697478
Я bash изучил частично уже и html/css основы. Сейчас вот буду проходить html академию для закрепления.
>>697493>>697496
#708 #697488
>>697482

>А npm-скрипты норм замена для gulp?


можно и на них
#709 #697489
>>697482
Есть мнение, что в ноду вкатиться проще, я с ним в целом согласен вот только работы для чистого ноде-девелопера тонет.
Gulp - таск менеджер. Вебпак - сборщик. Труе-хипсторы используют их совместно. Впрочем, когда у тебя будет с десяток скриптов, ты сам захочешь обмазаться галпом, базарю.
>>697495
#710 #697493
#711 #697495
>>697482
Что значит npm-скрипты? Откуда ты взял такое вообще? Ты понимаешь что такое npm?

>>697489
Диван не палится. Работы для node-разработчика полно, и очень хорошо оплачиваемой, см. hh. Никакой необходимости использовать галп и вебпак совместно нет, даже если ты охуеть какой хипстор.
#712 #697496
>>697483
Ну, учи JS, потом пили проекты на Реакте. Как напилишь что-нибудь приличное, можешь работу искать.
#714 #697501
>>697495
Так я и смотрел. Везде идет что-то типа:

> Node.js, PostgreSQL, Redis, хуета_нейм


> Участие в разработке фронтенда корпоративной хуиты на AngularJS/Ember/фреймворк_нейм


> Дополнительным плюсом будет знание ReactJS


> Знание С#/ЯП_нейм


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

> необходимости


Это просто удобно, причем здесь необходимость.
>>697517
#715 #697502
>>697495
про npm-скрипты тебе кинули уже. Юзкейс gulp+webpack у того же Кантора в последнем видео скринкаста можешь глянуть
>>697517
#716 #697517
>>697499
Посмотрел. Использование инструмента совершенно не по незначению, паршиво масштабируется, консольные команды разные в разных ОС. И, конечно, хуй тебе, а не инкрементарная сборка вебпака или потоки галпа. Какой-то хуевый шаг назад, к мейкфайлам. Можете сами почитать комменты к оригиналу статьи.

>>697501

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


А кто говорил про «менее года»? Нода не для сосунков, нужно хорошо понимать продвинутые функции языка (промисы, генераторы), быть богом асинхронности, шарить в ДБ, безопасности и смотреть за затрами ресурсов.

>>697502
Честно говоря, у меня нет особого желания смотреть получасовое видео. Про то, нахуя это нужно, в первые две минуты ничего не сказано.
>>697553
#717 #697553
>>697517
Выше кидали же >>688166
22 Кб, 400x272
#718 #697579
Вопрос от новичка.
Какой самый адекватный способ выровнять текст по центру, по вертикали? Про способы я в курсе, чем вы конкретно пользуетесь в большинстве случаев?
>>697581>>697587
#719 #697581
>>697579
text-align: center и line-height высотой в размер текста, например
>>697595
#720 #697587
>>697579
flexbox
#721 #697595
>>697581
Если больше одной строки текст пидарасит
#722 #697651
Можно ли псевдоелемент ::after сделать ссылкой?
>>697733
#723 #697729
>>696949
Как начал проект, были постоянно, сейчас потихоньку заканчиваю, да и зато работа всегда есть и за этот проект неплохо платят.
>>699251
#724 #697733
>>697651

Нет.
#725 #697758
Какую ОС лучше для фронта юзать?
#726 #697762
>>697758
макос однозначно
>>697922
#727 #697767
#728 #697788
>>697758
Макось жи.
>>697922
#729 #697922
>>697762
>>697788
какой нафиг мас, почему не винда провославная ?
#730 #697944
>>697211
>>697230
Спасибо за ответы. Сначала запилил 4 элементами с градиентом, но в хроме уебищно отображалось лесенкой. В итоге сделал с svg.
#731 #697946
>>697310
>>697285
>>697260
Какой смысл в этих изъебствах, когда можно просто задать логотипу абсолютное позиционирование?
2837 Кб, Webm
#732 #697956
Аноны, смотрю html academy базовый и думаю, а не засоряющее голову старье ли там? Нужно ли вообще знать про inline-block и float в 2016? Нельзя ли выучить только flexbox и не забивать голову устарелыми знаниями?
#733 #697958
>>697956

там нечего знать
#734 #697972
>>697956
О, продвигатель Эмбера)
278 Кб, 960x696
#735 #697978
#736 #698035
>>697956
флексы не все браузеры поддерживают
#737 #698037
>>698035
хром поддерживает, а для 0% петухов я верстать не собираюсь
http://caniuse.com/#feat=flexbox
>>698064
#738 #698038
>>697956
Можно не забивать, флексы рулят.

>>698035
Все еще под IE 9 верстаешь? Поинтересуйся хотя бы какой процент посетителей на нем сидит.
>>698064
#739 #698064
>>698038
99% фирм с бухгалтерией, заводы, пароходы, которые в основном и выступают заказчиками
На многих стационарах там до сих пор хр стоит.
>>698037

>а для 0% петухов я верстать не собираюсь


я смотрю ты профессионал, ещё и выбирать можешь для кого верстать, а для кого нет, мне бы так жить.
>>698065
#740 #698065
>>698064
Хуево тебе, что тут скажешь.

>я смотрю ты профессионал, ещё и выбирать можешь для кого верстать, а для кого нет, мне бы так жить.


Одна из причин по которой я не пошел работать в R&D Сбертеха — IE8 в качестве корпоративного стандарта. И даже они постепенно перетягиваются на IE11.
Шизомарафон #741 #698068
>>698035
Если адекватно используешь флексы, то контент будет доступен в любом браузере. То, что сетка поехала, это не твоя проблема, а проблема того инструмента, который выбирает потребитель. У него и без рухнувшей сетки хватает проблем в жизни.

>>697956
Чисто через флексы ты нормально не вникнешь в блочную модель. Просветлиться по ней можно только через флотанутую боль.
А так конечно да, не стоит использовать свойства для того, для чего они семантически не предназначены. Это костыли, стыд, позор.
Inline-block'и это не что-то плохое. Вполне нормально, когда элементы идут в строку, но у каждого есть своя высота. А вот обтекание текстом для сеток — очевидный ебонутый костыль. Меня пугает, что для того, чтобы изобрести свойства раскладки, потребовалось больше четверти века. Grid, напомню, до сих пор ещё в разработке.
>>698075
#742 #698075
>>698068

>То, что сетка поехала, это не твоя проблема


точно, завтра так начальству и скажу, давно мечтал кассиром пойти работать
>>698079>>698083
#743 #698079
>>698075
Нельзя было сразу в современную студию пойти чтобы не сидеть на флоатах? Ты так в вечной стагнации будешь.
>>698080
#744 #698080
>>698079
У меня в городе одна студия. И переезжать я не хочу, у меня тут семья, друзья, квартира. И флоты это далеко не самая большая проблема в жизни.
Шизомарафон #745 #698083
>>698075
Костыли это ТРУДОЗАТРАТЫ. Конечно, ты, как хороший специалист по программированию на CSS, можешь реализовать всё и на костылях. Но это увеличит ЧЕЛОВЕКОЧАСЫ, потраченные на 5% потребителей. Если для заказчика это эффективные расходы, то пусть будет так.
Но проблемо, амиго.
>>698087
#746 #698087
>>698083
Заказчик приходит и говорит, что хочет, а так же на чём это будет использовать, конец. Мы уже делаю выводы как верстать под это, мы не можем сказать ему "поменяйте на вашем предприятии оси на всех компах или браузеры". И как правило заказчик вообще не ебёт, что такое флоты флексы и верстка в целом.
>>698092
Шизомарафон #747 #698092
>>698087
Заказчик приходит, а ты назначаешь ему вменяему цену.
Седлаем хоть под IE 1, только стоит это будет... Можем сделать и намного дешевле, только удосужтесь там у себя кнопочку «обновить» нажать. Это выгоднее будет.
Можем удовлетворить ещё 5% пользователей. Только стоит это будет в два раза больше. Вам это выгодно?
В чём, блядь, проблема? Для любого нормального дельца «удвоение» расходов ради 5%(которые таки контент не теряют, просто он не такой красивый) — это пиздец.
>>698095
#748 #698095
>>698092
Просто видимо трабла в том, что боятся, что заказчик уйдет в другое место где гребцы сидят и грбут за дошик и делать будут все что прикажут

мимо
>>698102
Шизомарафон #749 #698102
>>698095
Ты значишь ровно столько, сколько тебе платят.
Готов «за дошик» на флоатах поехать? Ебашь, не плачь. Иначе проиграешь в гонке. Но тогда лучше наверно охранником в Пятёрочку пойти работать. Денег больше, головняков меньше.
>>698106
#750 #698106
>>698102
Ерунда полная. Не обязательно жрать говно, чтобы получать нормальные деньги.

Хуевее всего работать как раз в говноконторах, которые бояться слово поперек сказать заказчику и конкрурировать могут исключительно низкой ценой. Отношение к работникам и зарплаты там соответствующие.
#751 #698280
>>691561
Качество мне надо. Это сайт олимпиады, блядь, пусть картинки будут качественные, сука, а не пережатые png. А еще я хочу, чтобы с мобилки и ретины картинки выглядели одинаково хорошо.
>>698353>>698413
#752 #698353
>>698280
Да всем похуй на этот вздроч.
https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflot-Poj.png
#753 #698413
>>698280
PNG сжимает картинки без потерь, аутист. И сделать удвоенное разрешение для ретины тоже ничего не мешает.
35 Кб, 531x115
#756 #698531
Аноны, через кастомный CSS хотел себе vk изменить, чтобы непрочитанное сообщение чуть по другому подсвечивалось, написал данный код:

.nim-dialog--unread + .nim-dialog--text-preview {
background-color: red !important;
}

но почему-то не пашет, в чем причина то?
>>698567
#757 #698558
Фронтаны, намекните как зафигачить бесконечный скролл с постепенной подгрузкой нового контента с бэкенда, используя реакт-редакс? Мозг отказывается думать.
#758 #698567
>>698531

Через + можно выбрать только следующий элемент, а не предыдущий.
>>698604
#759 #698599
Годнота! Прошу обратить особое внимание на последние абзацы

http://ebanoe.it/2016/08/29/sailors-parable/
>>698670
#760 #698604
>>699003
229 Кб, 1920x1040
#761 #698670
>>698599

Ой, что это тут у нас
>>698682>>698878
#762 #698682
>>698670
Бля, я б тоже хотел чтоб меня звали Эрнестом, а не Олегом =/
>>698695
#763 #698695
>>698682

Ну что родителям в голову пришло, так и произошло
1074 Кб, Webm
#764 #698698
Завтра выходи Wow Legion и как в таких условиях учёбой заниматься ?
>>698702>>705272
112 Кб, 1123x820
#765 #698702
>>699995
#766 #698878
>>698670
Бля, надо уже удолить свое говно с гх-пейджес.
мимо acilsd
#767 #699003
>>698604

Что нет то? Именно то и написано, что я сказал.
#768 #699211
палю годноту:
https://github.com/kizu/bemto
только https://github.com/kizu/bemto#settings не работает почему то хочу двойное тире для модификаторов, есть у кого пример на гитхабе с рабочей настройкой ?
>>699230>>699546
#769 #699230
>>699211
Как то не зашел Pug у меня. Тебе удобен этот шаблонизатор ?
>>699238
#770 #699238
>>699230
хз я кроме него никаких не пробовал, но мне нравится indent-oriented syntax полтора года назад в связке с coffeeScript и sass/stylus было заебись
#771 #699240
Ребята, кто устроился уже, вы дизайн протофолио делали сами или брали шаблон?
>>699253
#772 #699251
>>697729
И сколько же? Я так понял ничего сложного кроме как пиздецовой усидчивости сложного нет? Какие скилы нужны для таких заданий? Просто только вкатываюсь и и у меня есть 1.5 месяца что бы начать зарабатывать потом меня выкинут из хаты, родители заебались меня кормить.
#773 #699253
>>699240

Любой лендос за шаблон возьми
#774 #699276
Аноны что можно просматривать или прочитывать ньюфане между изучение верстки, а то пару курсов пройду и в игори играю ввместо того чтоб что-то по теме почитать или посмотреть на ютубе.
>>699349
#775 #699300
думаю вкатиться, а то выселят из хаты скоро. по сколько часов в день то ебашить?
>>699334>>699396
#776 #699334
>>699300
чем больше тем лучше
желательно все свободное время
если его меньше чем 50 часов/неделя то лучше и не начинать ИМХО
>>699396
#777 #699349
>>699276
youtube
@
search: 'technology_name'
@
profit

https://www.youtube.com/watch?v=MGuKhcnrqGA
#778 #699396
>>699300
Ты шапку прочитать способен?

>>699334

>желательно все свободное время


>если его меньше чем 50 часов/неделя то лучше и не начинать ИМХО


Это полная ерунда, не пугай людей. Постоянство важнее, чем резкий ебошинг по 10 часов в день и выгорание за неделю.
#779 #699546
>>699211
Спасибо, попробую. Насколько я понял, надо в начале каждого pug файла прописывать настройку, если она не дефолтная. Наверно можно охуеть и ворваться прямо в lib/settings.jade и там прописать свои дефолтные настройки.
#780 #699592
Фронтаны, че за хуйня?.
Посмотрел несколько гайдов по настройке галпа, решил пока использовать только sass to css. Вываливает в консоль дохуя ошибок при попытке сохранить scss.
Самая первая: sass is not a function.
Гляньте галпфайл.

https://jsfiddle.net/a76o6o23/
>>699598>>699745
#781 #699598
>>699592
Вроде надо require('gulp-sass'), если нет, то я хз. Жди тех кто знает.
>>699605
#782 #699605
>>699598

Нет, сейчас модуль называется не gulp-sass, а просто sass.
#783 #699624
Насколько зашкварно в 2016 использовать сасс + компас?
#784 #699678
В какой из ide или редактора есть встроенный (или предустанавливаемый) вменяемый фтп клиент. В саблайме залупа а не сфтп или фтпсинк, говно ебаное.
#785 #699745
>>699592
про require('gulp-sass') тебе верно написали, его надо ставить. определиться, с расширением. можно с нпм страницы gulp-sass взять таск, там как раз под твои нужды.
>>699762
#786 #699750
Почему мой фаил main.css не подключается вместе с ссылкой на стили бутстрапа в хедере? Они вместе не могут?
>>699758
#787 #699758
>>699750
И как ответить? Ни кода, ни как у тебя папки и файлы лежат. Наверно не могут.
>>699786
#788 #699762
>>699745

Спасибо, уже разобрался. gulp-sass проигнорировал установку несколько раз. Когда поставился, все заработало. И, да, gulp-sass в переменной должно быть.
>>699767
#789 #699767
>>699762

Я написал require('sass'), когда в node_modules не нашел gulp-sass, там просто был sass. Перечитал доки и запустил установку заново.
152 Кб, 1440x900
#790 #699786
>>699788>>699795
#791 #699788
>>699786
свой файл ниже по коду вставь и он перебьет стили бутстрапа
>>699792
#792 #699792
>>699788
:DDDDDDD спасибо, но почему тогда бутстрап работает? МАГИЯ?
#793 #699795
>>699786
А как ты верстаешь в линуксе без фш?
>>699796
#794 #699796
>>699795
у меня в голове фотошоп
#795 #699818
Друзья, посоветуйте простенький онлайн редактор для создания набросков/протатипов макета сайта, спасибо :3
772 Кб, 1200x910
#796 #699819
Пачаны, только недавно вкатился. Поясните пожалуйста за портфолио. Разумеется его нет. Нормальным будет если в портфолио будет 3-5 сверстанных макета страниц на гитхабе просто как ширма, без функционала.
>>699825
#797 #699825
>>699819
ссылку
#798 #699995
>>698702
два чаю, у самого gtx770+i7, два дня назад поставил Линукс шо бы наконец стать прохрамистом
>>700847
#800 #700051
Пацаны, сколько времени уйдет на это у среднего версталы примерно?

https://freelansim.ru/tasks/153469
>>700106>>700162
41 Кб, 1043x644
#801 #700100
>>700044

Не знаю, а что там?
#802 #700106
>>700051
Хз. Написано, что макеты из скетча (а у среднего версталы мака нет, лол, так что надо хотя бы иметь знакомого, который портанет это в авокод, ну или дезигнера пресануть).
#803 #700121
Есть тут аноны из Украины, которые оплачивали курсы Академии?

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

На сайте вебмани я перерыл все носом и не могу найти эту инфу.
>>700154>>700553
#804 #700154
>>700121
Вебмани можно перевести с одной валюты в другую внутри самой вебмани или на сторонних обмениках (там курс лучше).
Но академия вроде не принимаетвебмани.
>>700160
42 Кб, 1221x757
142 Кб, 1016x772
85 Кб, 1048x679
#805 #700160
>>700154

> Но академия вроде не принимаетвебмани



Ну, если я все правильно понял, то принемает.

Только тут в WMR - это рубли, а у меня кошелек в WMU - гривны. Но ты говоришь, что конвертировать можно в самой системе. Думаю проблем не возникнет тогда.

Хз короче.
>>700173>>700293
#806 #700162
>>700051
Cудя по ТЗ неделя минимум.
#807 #700173
>>700160
Тебе надо будет создать еще и вмр кошелек на аккаунте насколько знаю.
Для этого придется выслать путину скан паспорта.
Так что сам думай, стоит ли обучение в академии этого.
>>700180
#808 #700180
>>700173

Ебать, ну и геморой.

Там еще Яндекс деньги есть, пойду посмотрю что там.
#809 #700191
Ребят, есть у кого-нибудь красивая картиночка для рабочего стала с основными тегами HTML и если есть CSS
#810 #700293
>>700160

Короче написал в поддержку WebMoney >>700160 думаю мне все пояснят.
>>700339
#811 #700339
>>700293

>Короче написал в поддержку WebMoney


Ты ебанутый?
Что сложного в алгоритме
-создай вмр кошелек
-поменяй деньги в соответствующей вкладке не помню уже как называется
>>700385>>700451
#812 #700385
>>700339

> создай вмр кошелек



Скан паспорта нужно сделать для этого.
61 Кб, 992x696
#813 #700451
>>700339

> в соответствующей вкладке



В какой?

Не вижу такой вкладки или чего то подобного. По крайней мере пока я счет не пополнил, может она потом появится.
#814 #700553
>>700121
Пойди сделай карту приват банка, за 10 минут делают
>>700561
#815 #700561
>>700553

И дальше что, на академии там нет привата. Зачем?
#816 #700570
Вы наркоманы? Какие вебмани в 2016? Карту себе банковскую оформите.
138 Кб, 969x714
#817 #700586
И что, с украинской карты приват банка, можно оплатить в Россию услугу?

глупые вопросы, но у меня нет карты и я ничего не оплачивал через нинернет, я не знаю
>>700685
#818 #700639
Аноны, а можно где-то скачать макеты для верстки типа как у html academy? Если в svg То вообще збс.
#819 #700685
>>700586
По всему миру сможешь. В этом смысл банковских карт.
>>700688
#820 #700688
>>700685

Т.е. там автконвертация идет в валюту станы получателя? По курсу или моего банка или банка где счет получателя?

Спасибо.

Закажу сейчас по интернету тогда карту Приват Банка нашего.
>>700692
#821 #700692
>>700688

>Т.е. там автконвертация идет в валюту станы получателя?


Да.

>По курсу или моего банка или банка где счет получателя?


Вот хз. Твоего скорее всего.
>>700694
#822 #700694
>>700692

Еще раз спасибо. Единственный человек, который нормально все объяснил.

Добра тебе и успехов в Карьере!
#823 #700724
Ебался с этими свг спрайтами, а там оказывается какой-то баг в плагине https://github.com/shakyShane/gulp-svg-sprites/issues/87

Говнище блядь.
>>700916
#824 #700847
>>699995

Хуй знает, GTX970 + i7 мне нихуя не мешают.
#825 #700849
Аноны, продолжаю ебаться с пинком, лучше сделать графику спрайтом? А то там картинок под каждое разрешение пиздец.
Или сделать свой спрайт для каждого разрешения?
>>700962>>701100
#826 #700916
>>700724

Есть еще svgstore. Вот только спрайт будет работать пока у тебя сервак запущен, на статике свг спрайт не отображается, так что согласен, говнище полное, тоже все нервы выебало
>>702094
#827 #700962
>>700849

Че молчим, аноны? Кто пинк осилил? Бамп.
>>701100
#828 #700980
Дочитал я ебучего кантора, решив большинство задач, что дальше? Что написать на ванилле в ооп стиле?
#829 #700986
>>700980
Бесят такие неблагодырные хмыри.
Кантор сделал бесплатный годный учебник, и тут какое-то нонейм хуйло вкатывается и обзывает его ебучим, хотя само же попользовалось.
>>700988
#830 #700988
>>700986
Нахуй путешествуй, под словом ебучий, я подразумевал то, что мне он очень тяжело зашел. Его оскорблять не хотел.
#831 #700992
>>700980
Туду-лист напиши для начала
>>700994
#832 #700994
>>700992
Спасибо, а свой слайдер запилить норм будет для портфолио?
>>700996
#833 #700996
>>700994
Если только на должность джиквери-слесаря. Если ты претендуешь на место фронтенд-разработчика, то лучше пару простых аппов на Реакте все-таки.
>>700998
#834 #700998
>>700996
В пару простых аппов что входит?Туду лист, что еще можно?
>>700999
#835 #700999
>>700998
CRUD, работа с внешними АПИ.
>>701002
#836 #701002
>>700999
Спасибо.
#837 #701008
А что про canvas скажете? Его обязательно знать?
>>701013
#838 #701011
Есть ли профит от покупки платной подписки html academy?
#839 #701013
>>701008
Не обязательно.
#840 #701100
>>700849
>>700962

Сорян аноны, отменяю свой вопрос. Надо не выебываться, а продвинутый по-порядку смотреть.
>>701108
#841 #701108
>>701100
какой ответ то?
#842 #701150
>>700980
Калькулятор. Я не шучу.
>>701198
#843 #701169
Пацаны, вас фиг найдешь. Вы до тысячи решили набрать?
>>701186
Шизомарафон #844 #701186
>>701169
Уже традиция.
#845 #701197
Я правильно понимаю, что на чисто ЖС без локал сторэджа тудушка не будет работать, или не правильно?
#846 #701198
>>701150
лол, я щас пытаюсь написать. не знаю, что делать, когда получил числа и знаки. они же в виде строк, как блять сделать, чтоб работали мат.операции. В массив пытался писать и по отдельности хуячить, хз кароч))
>>701205>>701219
#847 #701205
>>701198
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/parseInt
Дальше сам. Я бы сделал отдельный стейт, куда записывается вся промежуточная инфа (первое число, мат.операция, второе число).

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

https://www.youtube.com/watch?v=g8Yoz9Nh21k
>>701217
#848 #701211
В общем решил изучать angular первый (всем похуй)
#849 #701217
>>701205
С числами у меня не возникло проблем, у меня с мат. операциями незнание куда ткнуться, чтоб они работали.
После спойлера стало немного страшно, что за ебала меня там ждет и кто бы еще сказал, правильно я пишу или нет.
А eval() можно использовать или это чит?
>>701221
#850 #701219
>>701198
есть простое решение - eval
Но это фу-фу-фу
#851 #701221
>>701217

> eval


Строго нахуй.

> страшно


Хуйня все это, гугл, стэковерфлоу и тред (частично этот, частично js в /pr) помогут решить 100% всех проблем.
А код можешь сюда скидывать, например, я погляжу (правда я далеко не йоба-жаваскриптизер).
Ну и да, ты же не думаешь, что за час-два напишешь рабочий код? Уделишь пару-тройку дней и все будет збс.
#852 #701278
Ребятушки, есть шанс поступить в Академию ШАГ, кто что слышал, может знакомые есть?

http://kr.itstep.org/
#853 #701289
>>701278
Эти аутисты уже звонят мне пару лет, чтобы я заплатил за обучение, когда я не то, что там не учился, а даже в душе не ебу, откуда у них мой номер
#854 #701325
>>701278
Попахивает наебом.
http://success.itstep.org/software/tatyana-lebedenko/
там вопрос про портфолио, в нем 2 сайта не работают, последний не факт, что ее
>>701343
#855 #701343
>>701325
Да, по названию сайта, последний скорее-всего не ее.

В HelenDiana даже спрайты не сделаны - мелоч так вставлена. Больше 100 запросов нахер. И кстати из-за того что нет спрайтов после первой загрузки иконки мигают при наведении. Page speed insights тоже недоволен.

Чем можно там именно гордиться как написано в интервью я хз.

>>701278
Да, так же замечу, что есть знакомый оттуда по специализации бэкэнда, вроде был доволен, но им пока что рассказывают там всякие штуки из фронта (месяцев 5 наверное из всей годовой программы), про верстку говорили, про препроцессоры, немного js, jq - писали плагинчики и всякие свистоперделки небольшие. Но это по его словам, насколько качественно это было я лично сказать не могу, ибо с ним не дискутировали
#856 #701365
>>701278

Видел вакансию в Днепре, в которой было указано: "Выпускников академии шаг просьба не беспокоить"
>>701371>>701393
#857 #701371
>>701365

> "Выпускников академии шаг просьба не беспокоить"



Хорошо что пока нет "Выпускников htmlacademy просьба не беспокоить"

А то я только начал, после завтра оплачу курсы как раз.
>>701382
#858 #701382
>>701371

>после завтра оплачу курсы как раз.



Зачем? Сразу начни интенсив, сразу все поймешь, без всяких заебов.
>>701410
#859 #701393
>>701365
Ну эт не проблема - можно просто вообще не сообщать какие курсы ты там проходил. Самообразовывался, да и все. Другое дело если навыков нет или есть, но гавно - тогда да, печально.
93 Кб, 1184x794
#860 #701410
>>701382

> Зачем?



Хочу пройти все закрытое, я пока только первый урок прошел. + хочу деньгами отблагодарить людей за работу, сделано то хорошо, да и стоит хуйню. 120 гривен месяц, думаю мне месяца, максимум двух хватит.
>>701416>>701420
#861 #701416
>>701410

Делаю все по шапке же, сперва академию пройду, потом смотреть буду базовый интенсив, потом продвинутый и верстать, пока из смотрю все что там говорят. Все по шапке треда.
#862 #701420
>>701410

Как по мне - трата времени. Начинал сразу с интесива, когда начали покзывать барбершоп, все сразу стало ясно.
>>701432
#863 #701432
>>701420

Ну может ты до этого что то знал, читал.

Я полный ноль в этом и моя профессия никак не связана с версткой. Я врач. Мне норм этот курс.
>>701434
#864 #701434
>>701432

Ничего не знал, моя профессия вообще металлургия.
Я пытался смотреть другой курс, какой-то бабы, там было 10 коротких видео, после этого я попытался верстануть макет, чуть что-то сделал и начал смотреть интенсив. И когда дошли до показа барбершопа, я прозрел, от того какую хуйню пытался делать в том первом макете
>>701438
#865 #701438
>>701434
"Теория продвинутых курсов HTMLacademy" а это нужно? Или просто пройти "базовый но посвежее, за 2016 год:" а потом "Продвинутый интенсив за 2015 год"???
>>701439>>701449
#866 #701439
>>701438

дваждую пояснение.

долбоеб врач-кун
>>701452
#867 #701449
>>701438

Второе: базовый, потом продвинутый
#868 #701452
>>701439
Палю оптимальный imho план:
Бесплатные курсы академии под пивас выебистые испытания сразу нахуй, базовый интенсив => продвинутый интенсив на х2 => верстка одного макета со всеми выебонами => кантор + js garden + рандомная хуйня (сойдут любые релейтед видосы с ютаба, типа 'writing todo with vanilla js') => пишем собственный рабочий хэллоуворлд на ванилле => день на копание в жиквери => основы ноды (уметь поднять собственный "сервер" в 10 строчек который хостит статик страничку со всеми ресурсами) => работа с бэкендом/апи, REST, CRUD => реакт/ангулар => редакс (mobx опционально) => (эмбер/extjs) +100 к репутации у работодателя, опционально => всякая продвинутая хуита, relay, graphql, можно зацепить что-нибудь уровня Д3, в общем, все дороги открыты, как говорится.

Месяц дрочить курсы, где вам будут на пальцах показывать, чем section отличается от article это как-то глупо, ящитаю.
#869 #701455
>>701452

Спасибо конечно, но я не понял:

> => кантор



Я понимаю, что люди все разный, но так на вскидку, сколько времени уйдет на то что ты написал?
>>701463
#870 #701463
>>701455

> кантор


learn.javascript.ru же
На верстку я бы выделил полтора-два месяца максимум.
Дальше не могу сказать, все индивидуально. Я до реакт+редакса дополз за 3 месяца, попутно зацепив немного ноду и поколупавшись в первом ангуларе, но у меня есть небольшой опыт быдлокодинга на других ЯП, поэтому мне было довольно легко разобраться в основах самого жаваскрипта которые у многих ньюфагов вызывают когнитивный диссонанс.
А дальше все идет очень легко и приятно, особенно реакт.
#871 #701470
>>701452

>js garden


после Кантора лишний вообще - прочитал, считаю что зря, ибо ничего нового. Хорошо, хоть маленький по объему
>>701471
#872 #701471
>>701470
Там читать по времени то час-два максимум. Неплохое подытоживание информации, как минимум.
#873 #701771
Правильно ли я делаю ретина изображения?
1. Экспортирую из авокода в 2х (т.е. ширина и высота в 2 раза больше существующих)
2. В случае фона делаю, background-image: image-set(
url(img.png) 1x,
url(e$]imgANUS2_xAxPUNCTUM_c[png) 2x
);
3. В случае картинки, делаю <img src="pic.png" srcset="p/w@icANUSYk'2xPUNCTUMybFpng 2x">
4. Тестирую в хроме, настроив custom device с device pixel ratio = 2
В итоге получаю на моем не ретина дисплее, просто картинку размытую из-за увеличения ее размеров. Так и должно быть? У ретины норм будет отображаться? Проверить устройства нет.
>>701780
#875 #701788
Аноны, требование пиксель перфект это сколько? Чтобы при наложении картинки даже 1-2 писеля не съезжали нигде? Шрифты же отображаются по разному. Или у них letter-spacing менять надо?
>>701790
#876 #701790
>>701788
Смотря какой степени ебанутости заказчик. Слыхал, что есть упоротые, которые линейкой меряют...
#877 #701839
>>701780
А как тогда делать?
>>701874
#878 #701864
>>701452
кантора прям весь или только основной курс?
>>701881
44 Кб, 759x449
#879 #701874
>>701839
ну в продвинутом же было, ну
>>701937
#880 #701881
>>701864
Как минимум кроме основного еще AJAX

мимо-анон
#881 #701915
Как правильно?
<a><h4>Hi</h4></a>
<h4><a>Hi</a></h4>
>>701968
#882 #701937
>>701874
спасибо. а в хтмл как? я просто не скачивал продвинутый
>>701970
Шизомарафон #883 #701968
>>701915
<h4> это блок заголовка, <a> это кусок строки. Естественно, строка внутри блока, второй вариант. Это из теории.
А из практики, представь, что тебе потом придётся добавить в заголовок что-то, что не будет ссылкой.
<h4><a>Hi</a> all <em>borschehljoubs</em>!</h4>
Только так.
#884 #701970
>>701937
ну srcset + picture если надо
#885 #702046
Знаете что страшно. Вот лично я так вижу ситуацию сейчас. Нет технологий-долгожителей. Сейчас быстро как грибы вырастают новые приёмы, но при этом и быстро гниют. Только ты начнешь изучать что-то одно, так на его смену приходит другое, а ты только достиг уровня сеньора и пора уже снова спускаться на джуна, рынок требует.
>>702102>>702120
36 Кб, 1012x254
#886 #702072
Как подключить PostCSS Autoprefixer?
Подключил как
npm install --save-dev autoprefixer
Выбивает ошибку пикрелейтед
>>702084
#887 #702084
>>702072
Вопрос снят, я долбоеб
#888 #702094
>>700916
Да, я знаю про свг-стор. Мне просто больно этот метод приглянулся, думал замутить, шоб по красоте было, а тут эта ебола с обжектом.
#889 #702102
>>702046
Так вообще-то предупреждают, что это стиль жизни такой у разработчика постоянно изучать чет новое, ну и желательно быстро схватывать принципы. Когда будет хороший фундамент, то это будет не так и сложно.
Не нравится подход такой, боишься что не справишься или еще че - выбирай другую профессию. А не как некоторые услышат пиар отрасли и ломятся за баблом или еще чем, а потом жалуются, что мол сложна или тут быстро все меняется, надо учиться постоянно и т.д.
Если ты нормальный синьйор то вряд ли ты будешь джуном, так как у тебя есть опыт и ты уже понабивал кучу шишек, что тебя все-равно будет выделять на фоне совсем профанов. Разве что ты кардинально специализацию сменишь. Писал фронт, а потом решил перекатиться в разработку микроконтроллеров к примеру.
Ну и конечно еще и от направления зависит, если ты в энтерпрайзе каком-нибудь там все помедленнее происходит (по крайней мере из того что слышно)
>>702118
#890 #702118
>>702102
Сколько лет опыта у тебя? Знаю пацика 23 лвл, он с нуля за 4 года добился того что уже катается по европкам и фрилансит, не скажу что он прям гений какой-то, в игори каждый день играет, хз когда у него получается учить что-то новое, фрилансить и ходить в спортзал.
>>702125
Шизомарафон #891 #702120
>>702046
А долгожители, это сколько?
Такое отчаяние вечной отсталости возникает из-за агрессивного хайпа модников-выёбщиков. Всем же хочется быть модными, быть старьём никому не хочется. Получаются две классические проблемы: «мне нечего надеть» и «где взять для шмоток шкаф побольше». Мода, конечно, двигатель прогресса. Но главное — в ней не захлебнуться. Надо быть в добрых с сами собой.
Основным языкам уже больше 20 лет и конца не видно.
«Новый» мозилловский язык Rust появился в 2010 году. И сейчас они гордятся, что скоро первый кусочек на нём в продакшн пустят.
Что касается отдельных приблуд, то тут выше по тредику у нас был срач про «можно ли использовать flex». А этому свойству в нынешнем его виде уже больше пяти лет. Пять, сука, лет; ты представляешь, как это много в конкретной человеческой жизни? Но некоторые, внезапно, сейчас кичатся тем, что смело используют «новое» свойство и больше не будут кататься на флоатах.
>>702172
#892 #702125
>>702118

Нихуево
Шизомарафон #893 #702172
>>702120
На острие хайп-атаки у нас же всякие жс-библиотечки-фреймворки. И каждый из них стандарт индустрии, лекарство от всех болезней, будущее сейчас, кто, если не он, и всякое-всякое.
Самому интересно стало, полез посмотреть:
Жиквери 10 лет.
Ангуляру 7 лет.
Реакту 3 года.
Полимеру 1,5 года.

Ноде 7 лет, к слову.

Если это всё соотнести, то можно вывести среднее по больнице. Где-то раз в три года появляется что-то значимое. И где-то пять лет требуется каждому, чтоб вырасти во что-то вменяемое. Нихуёвенькие такие сроки. Даже если пашешь, можно найти время и разобраться на досуге.

Кстати, соотношу это со своим опытом в игорях. Стараюсь не проникаться игрой, пока не выйдет жирный легендари эдишон. Как раз 3-5 лет проходит. Скурим, например, только недавно с кучей модов и дополнений перестал быть похожим на бета-тестинг говно-аркады.
#894 #702348
Аноны, какой софт лучший для автоматического обновления страницы в браузере когда я меняю html/css файл?
>>702363
#895 #702363
>>702348
Лучший тот - который тебе удобен и выполняет свою задачу.

А вообще можешь browser-sync попробовать
sage #896 #702462
Блядь парни, это пиздос. Раньше делал гавно-сайтики на WP, за одно вешал на досках информацию о моих услугах по созданию оных сайтов.
Вчера позвонил мужик, мы с ним поболтали, он описал задачу - ну типа шоб норм смотрелось))0)
Я буквально за часик накинул бесплатную тему, создал пару страниц и отдал ему, щас вот получил деньги, 4к) Считай за час работы без вашего прохрамирования. Собственна вопрос, как мне блеадб при таком раскладе заставить себе трахать мозги с этими вашими тегами, силиктурами итд? Это поздос ребят, полная демотивация..
>>702463>>702561
#897 #702463
>>702462
сори за сажу, бамп вашему образовательному
>>702468
#898 #702468
>>702463

> бамп


> 900 постов


Расслабься.
#899 #702471
пелите перекат, хули сидите?
165 Кб, 640x250
#900 #702495
Котаны, думаю по завершению вуза вкатиться во фронт-энд.
Что умею: html/css на среднем уровне, js на минимальном уровне, php на минимальном и asp.net.
Что думаю учить, чтобы знаниями дорасти до джуна: дочуить js, изучить jQuery, Knockout (потому что делал на нём курсовик, и поэтому примерно имею о нём представление), доучить php, изучить Git, ещё в этом семестре будем изучить базы данных, тоже полезно. А также всё, что указано здесь: https://habrahabr.ru/post/306716/#s1
Ну и сверстать штук 5-10 макетов.
Php, asp.net, бд, изучаю для того чтобы была возможность перекатиться в бэк-энд или фуллстак вебмастера (или как это там называется) при остром желании в дальнейшем или большей зарплаты, да и в целом для развития и общего понимания как работают сайты это тоже не будет лишним. адресация в сети, клиент-сервер, TCP/IP, HTTP, вот это тоже всё знаю и разбираюсь.

Тащемта, вопрос к опытным и работающим: верен ли мой план, всё ли хорошо? Что, помимо того что перечислил, требуют от джуна на собеседовании?
И, да, что по зарплатам? Можно ли найти работу в Спб/Новосибирске не за гроши в этой сфере?
>>702566>>702572
#901 #702561
>>702462
Очень просто — посчитать сколько выходит не за час, а за месяц.
#902 #702566
>>702495
План говно. Джиквери и нокуат устарели — учи реакт и вебпак. Про бэкенд-часть забудь, это не забота фронта. Верстать 10 макетов не надо, лучше напиши один приличный CRUD на актуальном стеке.
#903 #702572
>>702495
И еще кое-что.

>Что, помимо того что перечислил, требуют от джуна на собеседовании?


Лучше сказу на мидла целься, вакансий джунов мало.

>И, да, что по зарплатам?


50-200к в ДС. Посмотри на hh, не маленький.

>Можно ли найти работу в Спб/Новосибирске не за гроши в этой сфере?


Да.
#904 #702586
Как на английском называется вакансия верстала? Гугл переводит верстальщик как coder лол.
>>702600
#905 #702600
>>702586
Да нет такой профессии, лол. На западе верстает или дизайнер или фронт.
#906 #702629
Типа перекат, новую картинку искать не стал, надеюсь в остальном не сильно обосрался.

https://2ch.hk/wrk/res/702628.html (М)
https://2ch.hk/wrk/res/702628.html (М)
#907 #705272
>>698698
Вот зачем ты напомнил? И так везде этот хайп. Невозможно на учебе сконцентрироваться.
>>705297
#908 #705297
>>705272
я паузу взял на недельку, щас наиграюсь и потом уже со спокойной душой опять учить
p.s. аддон прооооосто пушшка
#909 #707244
>>683100
Юзай Koala, просто удобно, компилит при сохранении
#910 #712027
>>682807 (OP)
Что блять за реклама говняцкого коммерческого сайта? Курсы я ебал дорогие.
#911 #712028

> http://htmlacademy.ru/ - ультрагоднота


Что блять за реклама говняцкого коммерческого сайта? Курсы я ебал дорогие.
>>720856
#912 #714468
Я днищестудент, нужно по учёбе запилить сайт-блог, а именно:
- настраиваемый слайдер на js, можно взять готовый.
- реализовать бд гостей, которые могут оставлять комментарии к статьям, подключение к бд посредством php-скрипта, +форма регистрации, вот это все.
- реализовать вывод данных статей содержимого сайта из бд тоже посредством php
Главное, чтобы были реализованы несколько php-скриптов, несколько таблиц бд и жабоскрипт. Желательно опять-таки без бутстрапов и прочих фреймворков. Jquery норм.

Все скрипты можно скопипиздить откуда угодно, главное, чтобы все было построчно прокомментировано и работало. Оформление простенькое минималистичное, наполнение lorem ipsum или что угодно вообще.

Мыло для связи - anonnAj24chANUSinbJ,ZoxPUNCTUMrZ1au пишите, что из воркача
#913 #714587
ОП, добавь в шапку.
Хороший и удобный справочник по JS
http://www.webmaster.ee/javascript/js.html
10 Кб, 330x342
#914 #717883
Аноны, помогите как сделать это. При прокрутке один слой должен перемещаться относительно другого, нужно сделать верхний слой с треугольниками как на пике
#915 #720856
>>712028
половина бесплатна
другая половина 300р/месяц
300р/месяц дорогие?
сами интенсивы доступны на торренте.
300р блять, да обедаю на работе за столько частенько
#916 #722272
Интенсив от htmlacademy, есть у кого сылль на торрент?
42 Кб, 1542x676
#917 #729286
Начинаю изучать html. Не могу понять как сделать так, чтоб дивы шли столбиком и марджин делали друг от друга.
Тред утонул или удален.
Это копия, сохраненная 5 октября 2016 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /wrk/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски