Это копия, сохраненная 5 октября 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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)
Либо потому, что делать выводы по одной выкладке некорректно, либо ты выбрал неправильную профессию, срочно беги учить питон.
Хочу сделать userscript, чтобы картинки сохранялись, не как c9a76fdafc227f2e92d75380056eb182.jpg, а с предварительными тегами в названии.
2 секунды в гугле
http://ru.stackoverflow.com/questions/457988/Как-изменить-имя-файла-при-сохранении-в-браузере
>20 обезьян слетелось
Всегда не понимал, как вы умудряетесь зарабатывать на этих ваших апворках, при такой индусской конкуренции.
Благодарю. Спросить у гугла буквальным текстом, я и не догадался. Зато теперь буду знать про атрибут "download".
>после ошибки в синтаксисе перестает работать
Gulp 4.0 не вылетает при ошибке. У кантора об этом говорится. Для предыдущих версий есть спец плагины.
>хули он так уебищно цсс файл делает?
Минифицируй его и всё. Или ты собрался в нём ковыряться?
Я совсем нубас, но разве когда мы ставим галп, не ставится последняя версия?
> Минифицируй его и всё. Или ты собрался в нём ковыряться?
Будут копаться мои ебанутые коллеги-бэкендщики, которые не могут в препроцессоры, а учиться не хотят.
4.0 - что-то вроде альфы, а ставится по умолчанию stable версия. Если я не ошибаюсь, то нужно npm install gulpjs/gulp#4.0.
>Будут копаться мои ебанутые коллеги-бэкендщики
Животные ебаные, хуй ли там учиться? Sourcemaps настрой, всё по тому же Кантору.
Ты не поверишь, но дажу славянский скам предпочитают индусам. При прочих равных у тебя шансов получить заказ больше.
Только у индусов очень хороший инглишь. А с моей супер способностью - читать на английском учебники, я так и не получил ни одного заказа.
> 0.13.0
> es5
> react.createClass
Довольно сильное говноедство само по себе, что заставляет вас начинать обучение с депрекейтед синтаксиса? Вот дойдешь до флакса/рефлакса, начнешь миксины использовать, а потом ХУЯК, в современном реакте миксины-то и не поддерживаются.
А вообще как-то так. http://codepen.io/anon/pen/PzVpGr отслеживаешь изменение вэлью, записываешь в стейт, потом берешь оттуда и делаешь, что хочешь.
Но если говорить о
> react way
То redux + redux-form в помощь. Охуенная штука, базарю, еще захочешь.
>$5
Ебать. Это что бы купить себе мыло и веревку и повешаться нахуй? Даже в нашей хохлостанской глубинке это дно.
>fetchWeather
А это что за зверь. И где ты читаешь документацию для ES6? А то я читаю фейсбучную инструкцию
Это мой говнокод из учебной приложухи по выводу погоды через api forecast или как там его. fetchWeather - метод экшна (редакс), забыл удолить.
https://github.com/ericdouglas/ES6-Learning - ес6
По реакту гугли react es6, плюс на ютабчике есть довольно годные вебинары.
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)
Что тут вообще происходит? Я уже час сижу туплю в эти строки и не могу понять что оно делает, похоже как функция получает аргументы, но это не то ...
Сначала я тоже нихуя не понял, потом скопировал код в редактор и все стало наглядно.
Вызывается функция, которая передана выше и доступна через пропс ей передается стэйт, потом вызывается функция, которая апдейтит стэйт, записывая туда новые итемы.
onFormSubmit это обычный props? Но он ссылка на функцию
updateItems: function(newItem){
var allItems = this.state.items.concat([newItem]); this.setState({items: allItems}); }, ?
И когда мы мы делаем onFormSubmit(someshit) , то мы по сути вызываем updateItems(someshit)?
софистика пиздец. А что же там дальше будет, мне страшно
Да, это пропс. На сабмите вызывается функция, записанная в этто пропс. Вообще так никто не делает, для такой хуйни есть flux/redux/baobab и прочая поеботина, из которой сейчас используется только редакс и в особо раковых случаях - рефлакс. Правда там еще больше "софистики", коннектим компонент к экшенам, вызывается экшн, вызывается редьюсер, возвращается нужный стэйт и ну ты понял. Привыкнешь, лол.
Вот кстати весьма годное интро по редаксу https://maxfarseer.gitbooks.io/redux-course-ru/content/tochka_vhoda.html
Там же где-то внизу можно найти ссылку на общее интро по реакту, но опять же - устаревший релиз и ес5, но может что-нибудь полезное найдешь. Вообще почти вся инфа на английском, из нормального только вот эти два туториала и кантор (ес6+вебпак), все остальное в русекторе какая-то лютая поебота.
>>683805 -хуй
> очень хороший
> у индусов
Ну если сравнивать селюка из нижней пердяевки - то да. А так их никто не понимает, у них пиздец а не английский, тру стори.
Ну тогда у меня вообще полная жопа. Читать читаю, писать вообще не могу. Мне даже страшно представить что с нейтивами твориться когда они читают мою галиматью. А этот скилл надо качать, ой как надо...
почему?
Блять, не поверишь, но надо было в эту хтмлку написать теги хтмл, хэд, боди и.т.п... как так то? А если я просто футер хочу редактировать?
>>684224
Короче, сам нашел инфу, browsersync надо куда-то пихать скрипты, поэтому без тэгов боди, хтмл, и хэд не обойтись...
Точнее, только боди
Ты так говоришь, словно настройка вебпака под нужды верстальных препроцессоров + минификации базового джс чем-то сложнее, чем напихать пайпы в галпе. Там даже не надо делать продакшн и девелопмент версии.
Имплаинг препроцессор это некая сверх-сложная йоба, а не примитивный синтаксический css-сахар.
Хотя ладно, некоторые вон ангулар, да что ангулар - проекты на реакте продолжают галпом собирать без нормального хотрелоада и девтулзов.
Блять что за хуйня ебал в рот, почему когда надо вводить пароль, консоль никак не реагирует на нажатие клавиш.
Ну охуеть, оказывается все работало, просто не показывало.
>Битые ссылки, с главной не попасть в магазин, например
Ну потому что главной страницы магазина в этом макете нет.
>Стилизация по тэгам, каскад, вложенность и прочее, верстал бы сразу нормально, а то ты фактически скопировал верстку кокодемии.
В смысле скопировал верстку? Ну я смотрел интенсив и после этого начал делать макет.
>Проверку контентом не прошло ничего, кроме кнопочки, пикрелейтед.
Это вообще адекватная проверка контентом? Зачем писать одно огромное слово, а не много средних? Естественно оно будет вываливаться из блока если не прописан перенос. Но дело в том что таких длинных слов в природе не существует.
>Футер кривой, там 3 равные колонки должны быть.
А чем плох тот что сделал я?
>текстовая игра
>реакт
Напиши что-нибудь, работающее с API сторонних сайтов. Аггрегатор фоточек с инстаграмма по заданным тэгам, например. сам собираюсь написать такой для тамблера и поиска фотографий японских школьниц
А так нельзя?
$.ajax({
type: "POST",
url: "https://api.novaposhta.ua/v2.0/json/",
data: "someshit"
});
И как правильно писать data? Нужно писать data: {kurwa:"someshit"} или data: "{kurwa:"someshit"}"?
Вот скрин из того сообщения (пик), там просто одно очень длинное слово, пробелов нет.
Попробуй вставить в эти блоки любой нормальный текст, либо просто скопировать тот же текст что там уже есть раз 5-10. Всё нормально растягивается.
Не знаю, у меня с АПИ трудные отношения, только на практике могу разобраться, что им там слать и как все это дело распаршивать потом. Используй постман (гуглохромовое расширение), потыкай там, поэксперементируй.
Да помоему, с такими документациями в этих API разобраться очень тяжело.
Тогда почему они испарились?
Я сейчас проверял на переполнение адекватным текстом, а не этим подобием - всё ок.
Где остальные верстаны? Все разом забили или поэтапно перешли на реакт мимо JS?
Попутно еще один вопрос: посмотрел настройку и че-то не очень въехал. При установке галпа имеет ли разницу место куда его глобально ставить?
Воткнул по стандартному пути в консоли, после создал проект и при установке в проект, туда же устанавливаю галп-сасс, а он мне показывает огромный хуище.
В итоге галп-сасс устанавливается только туда, где глобально установлен галп, а не в проект. Че за хуйня?
Ты идешь абсолютно не тем путем.
Галп - очень простое решение, настраиваемое в четыре клика.
Сосредоточься на коде, лучше пьюр.
Занимаются прокрастинацией и "выбором технологий", а потом ноют что нихуя не умеют/не берут на работу.
>Ну охуеть, все уже с реактом пердолятся, а я сижу галп настраиваю чтобы он мне сасс собирал и префиксами приправлял.
Где остальные верстаны?
Пфф, галп он собирает. Я вот верстаю только первый макет после барбершопа, вот где днище-то. При том, что я начал в июне, а в теме вообще с конца зимы.
Все потому что не могу в тайм-менеджмент, плюс работа и всякие проблемы. Но я все же верю в лучшее, так что может до зимы доберусь до нативного жс.
Во-первых трипл, псина.
Во-вторых говорю тебе еще раз, чем больше ты дрочишься со своими галупамихуялпами не будучи в состоянии отличить компонент от контейнера, сеттер от геттера, а чистую функцию от грязной, тем больше твою мать позорят грязные котята во дворе.
Я не доверстал первый макет после барбершопа, сверстал только главную, так как там был слайдер. А как делать остальные страницы я представляю нормально.
Сейчас смотрю продвинутый и с галпом разбираюсь, попутно привыкая к сасс, т.к. понял что нет смысла статику дальше задрачивать. Сейчас хочу сверстать первый макет с адаптивом и автоматизацией.
В теме с апреля примерно, с июня начал верстать барбершоп и смотреть интенсив на работе. Т.к. делаю дома ремонт, через день обрабатываю видосы для ютуба и выкладываю, а когда не выкладываю мотаюсь в сад, чтобы поливать собирать все, что там наросло.
Вот такая хуйня анон и прервать этот порочный круг не могу, хочу сменить работу на версталу, чтобы высвободить рабочее время под обучение всей кухне. Как-то так.
Да хоть квадрипл, мне похуй.
Всему свое время, так что не пизди мне тут. Я тебе задавал конкретный вопрос.
Ну, мне в голове-то тоже все кажется, что я знаю, как это сверстать. Могу не заглядываю в справочники все это описать, свойства необходимые назвать, ну т.е с дивана-то кажется, что приемлемый такой уровень для базового интенсива.
Но на практике постоянно какой-то обосрамс выходит. То блоки при зуме разъедутся, то с флоатами хуйня, то еще что. Т.е работать есть над чем.
Именно поэтому не хочу даже включать продвинутый, пока не сверстаю на флоатах без препроцессоров и прочей модной хуеты хотя бы три макета - нердс, техномарт и седону. Ну и для надежности можно прихватить еще парочку хипстерских из рассылки.
Дело твое, но в чем проблема верстать сразу под продвинутый адаптив и подключать медиаправила?
Я всю всплывающую хуйню сейчас гуглю за пару минут и продолжаю, если не нагуглил - то в треде спрашиваю.
Я знаю про медиаправила и адаптивность немного, нахватался из "Новой большой книги CSS", да и сейчас верстаю пару шаблонов по одним курсам от продавца ИНФОПРОДУКТОВ несмотря на зашквар, он довольно понятно все объясняет
Но вот что-то топчусь на месте, не могу дальше пойти. Мне кажется, что бессмысленно идти на адаптив, если даже базовые макеты не верстал под полную готовность с нуля. Барбершоп не в счет, там 50-60% с лектором верстается.
Но он прав. Как можно так долго пердолиться с такой примитивной вещью, как галп? Держи хинт по доброте душевной. удаляй из пэкеджа бабль/вебпак, прописывай npm install, npm install -g gulp , прописывай в галпфайле свои пути, профит.
http://codepen.io/anon/pen/yJkKzB
То есть не адаптив, а продвинутый интенсив. Ошибочка вышла.
Прочитал инструкцию, начал устанавливать, наткнулся на непонятный момент, решил спросить: почему так?
>Как можно так долго пердолиться, держи готовый конфиг.
Спасибо, анон.
> конфиг
> готовый
Сам себе противоречишь. Олсо, я ответил на твой вопрос, все зависимости устанавливаются локально в проект, единственное, что можно установить глобально - сам галп/вебпак.
gulp-cli естественно
Вот есть LESS, он — лёгкий, простой, удобный, красивый (вкусовщина, да), дружелюбный. Если ты (твой проект) стал в LESS себя чувствовать ограниченным и нужны функции-массивы-выебоны, то есть PostCSS, на котором можно хоть в аршинах паддинги мерить, он всё может.
Почему все дрочат и требуют SCSS? Даже Бутстрапон теперь.
При том, что есть Веб-компоненты, которые вообще хуй клали на эти детские катания на флоатах.
Тем более, что ты создаёшь файл shame для всяких костылей. А он называется shame.less. И ты чувствуешь себя крутым, пока мама не позовёт борщ есть.
Синтик нинужон.
>отличить компонент от контейнера, сеттер от геттера, а чистую функцию от грязной
как/где такому научиться?
Есть у кого ссылочка почитать?
Посоны, помогите. Есть абзац с текстом и ссылка. Нужно, чтобы ссылка вела себя так, как если бы она была внутри абзаца. Условие: ссылка находится за пределами абзаца, использовать JS нельзя. Внешне должно выглядеть как на втором варианте.
Я тоже когда в одеск вкатывался постил по десятку постов в день. Потом вкатился, заимел рейтинг, постоянный контракт, и как то смысла больше в тред заходить не стало, раз в пару месяцев чекаю в ридонли.
Зачем такое условие? Всегда ссылку на "читать дальше" пихают в абзац, что ты хуйней занимаешься?
Посоны, очевидно, что не я придумал себе такие условия. Скажите, это возможно или нет? Просто перед тем, как сказать заказчику "да это хуита, это невозможно без JS", хотел спросить у знатоков, чтобы не обосраться, вдруг меня потом ткнут носом в решение со словами "учи верстку, пидар, ты уволен"
Хуй знает тогда как, делай на джсе хули ты, там не сложно.
Ну тогда внеси ссылку в параграф, поменяй ей тип на линейный.
А еще break-word задай параграфу, а то не по-пацански
Так дай условие, ебать. Откуда я знаю, что можно, то нелья
Если честно, хуйней какой-то занимаешься
Тогда скрой к хуям ту ссылку, что есть, задай псевдоэлемент и стилизуй как нужно
И я такой прихожу и говорю что знаю нихуя, изучаю html/css и скоро доберусь до js
>>685645
.container:first-child .paragraph::after {
content: "Link";
background: #faf;
padding: 4px;
}
.container:first-child .link {
display: none;
}
Пиздец, чем дальше продвигаешь, тем больше учить, мозги пухнут, конца и края нет, надо было реально на завод идти.
Не то, чтобы невозможно, но даже не имеете никакого смысла. Нет, можно заделать абсолютно спозиционированную ссылку и подстраивать ее размеры/позиционирование в зависимости от текста в параграфе на JS, но зачем?
Я тебе твою бесполезную задачу решил. Жаль ты копировать и вставлять не умеешь
Спасибо Гораций. То что нужно.
но псевдоэлемент это не ссылка, ты понимаешь?
Во второй части учебника
>reviews.classList.remove("reviews-1");
>reviews.classList.remove("reviews-2");
>reviews.classList.remove("reviews-3");
да закончили просто с пипетками и паддингами и на js перешли.
я вот свой адаптивный пинк практически сделал, щас мелкие улучшения делаю и js учу.
Код покажи и что нужно сделать
И сейчас реально пока не придумал ни одного примера в верстке, где мне было бы это необходимо. Пока нихуя не вижу магического ускорения написания кода, т.к. мне проще прописать конкретное значение селектору, чем держать в памяти, где там, блять, я прозрачности ебанул и как переменную обозвал.
В дальнейшей поддержке кода, да, будет прирост в производительности - все решается изменением значения переменных.
Поэтому прощу по хардкору пояснить в чем плюсы, т.к. пока это только усложнение первоначального написания?
Вот смотрю я на шаблон и мне он ни разу не внушает доверия, т.к. подхватывает css и скрипты с Tumblr.
Если тебе похуй на сайт, то ставь шаблон и сделай два блока под баннеры хоть абсолютно спозиционированные, слева и справа от лого.
Если не похуй, то придется вычищать говно вилкой из него прежде чем себе ставить.
Ты неправильно меня понял, мне нужно привинтить банеры к шаблону на самом тумблере, чтобы они отображались когда блог просматривается с браузера, я не собираюсь это шаблон никуда ставить.
Схуяли он замедляет-то. Я не всегда бем использую. Тащемта не хочешь не используй.
Я написал - первоначально. Хотя, соглашусь, даже если использовать вложение свойств и ссылку родителя, то, да, быстрее чем обычно. Что еще дает прирост?
И забыл, почти платина: как заставить саблайм понимать конструкции сасс из коробки с этим у него хуево?
Установить плагин же.
Установить это https://packagecontrol.io/installation
Потом запустить менеджер пакетов и найти там нужный плагин.
Благодарствую, анон. А тот как истинный нюфанька пользовался искаропки, бугуртя от ебучей вставки кода для подключения плагинов. Придется таки поставить.
Сейчас поставил Scss, Css3, JavaScriptNext и подумываю про Color Highlighter и Emmet. Что еще заслуживает быть в общей упряжке?
Это не тебе, хз почему так вышло
font-size: 12.5px;
Я ставлю только подсветку синтаксиса для нужных языков + эммет. Остальное нинужно по большей части.
и нечего удивляться отчего у Летова такая безнадега в текстах.
На том же собственно и остановился сейчас, подсветка синтаксиса, отображение цвета и Эммет. Поехал мобильный пинк верстать.
Стариков нет, новичков нет, тишина, как в библиотеке.
Где ламповые треды и борцы с пипетками наперевес?
Надо меньше читать /po.
- есть webpack.config.js, конфиг npm, делаю на sass, пока без БЭМ. Есть тут люди, которые уже работают с этим всем говном и могут посоветовать про правильную модульность sass (на какие блоки и как подключать отдельные импорты в bundle.sass) и выкат в dist folder? пока все идет через webpack-dev-server для hot-reload.
Ах да, забыл, если кто-то не полениться посмотреть на структуру и меня по делу обругать, вот репозиторий: https://github.com/MirayaReie/_htmlacademy_barbershop
Ебаный мягкий знак, я такое редко делаю, сорян.
А в чем смысл сей конфы, чем вы там занимаетесь? Верстаете в команде за идею? Почему используете стайлус? Онли верстка, я правильно понимаю?
>>687360
Cами же говорили - меньше народу, больше кислороду.
Вебпак для чистого цсс этого оверкилл, конечно.
Я использую такую сборку, можешь подсмотреть там плагины для sass. Только у меня цсс подрубается в компоненты реакта, поэтому без сборки в отдельный продакшн-цсс файл https://github.com/acilsd/boilerplates/blob/master/react-starter/webpack.config.js
Модульность самая обычная, уровня http://codepen.io/anon/pen/AXwdVP
Спасибо, сейчас поколупаюсь.
запилил исправления нового говнодизайна, зацените аноны, поправьте код, если можете
Так же хочу вернуть панель слева, которая имелась раньше, когда заходишь в диалог, можно было вернуться по клику по левой панели в диалоги, сейчас же приходиться целить в сообщения, что крайне неудобно.
Как я понимаю одним ксс это не исправить?
Сейчас так же назад можно вернутсья ткнув сюда (2 пик) может эту панель переместить как-то налево?
Как закрепить меню слева (сообщения, новости и т.д.)?
К иконке телефона (сейчас просто прямоугоьник) я хочу добавить ещё один прямоугольник - типо белый экранчик. Как сделать?
Ну wds с хотрелоадом и правда охуенная штука, которая еще и настраивается в 1 строчку.
А чем в говностудиях обычно собирают проекты?
Смотрю вакансии верстал, там в 1 из 10 случаев галп или грант, в остальных - нихуя.
Без понятия.
Вообще сборщики - вещь настолько тривиальная и примитивная (например с вебпаком анон, который вообще не шарит в жс, сможет разобраться за день максимум), что указывать ее в вакансии как-то глупо.
Если есть умеющие в ксс, поясните:
Так же хочу вернуть панель слева, которая имелась раньше, когда заходишь в диалог, можно было вернуться по клику по левой панели в диалоги, сейчас же приходиться целить в сообщения, что крайне неудобно.
Как я понимаю одним ксс это не исправить?
Сейчас так же назад можно вернутсья ткнув сюда (2 пик) может эту панель переместить как-то налево?
Как закрепить меню слева (сообщения, новости и т.д.)?
К иконке телефона (сейчас просто прямоугоьник) я хочу добавить ещё один прямоугольник - типо белый экранчик. Как сделать?
блять, не туда
>с вебпаком... разобраться за день максимум
Расскажи это ребятам, которые тут конфу постоянно вкидывают.
Да с этих парней я сам проигрываю, каждый раз вспоминаю их вебинар.
Хочу, чтобы в репозитории front-end был репозиторий barbershob, к примеру. Чтобы в куче все файлы не валялись.
Неужели для каждого макета новый реп создавать?
>Как создать репозиторий внутри репозитория?
Иксзибит, иди на хуй.
Просто создаёшь ветку, в которой добавляешь и пердолишь очередной макет, потом сливаешь с основной. Зачем ещё репозитории?
ну я вчера весь день с вп ебался пока нормально настроил. там то картинки не подгружал, то еще какую хуйню не видел. так или иначе - гуглить много надо чтоб с нуля вкатиться. с другой стороны я понимаю, что пара учебных проектов с разными билдами - и можно более менее освоиться. но вот твое сообщение заставляет меня чувстовать себя тупым.
Ну я тоже за день как раз осилил, скринкаст кантора + пара часов усиленного гугления (т.к. у кантора почему-то куча недочетов, из-за которых сборка того же реакта+пресеты не работает/работает криво).
>>687776
У них разные задачи. Для верстки вебпак неудобен, т.к. придется ебаться с конфигом. В тоже время в галпе достаточно напихать пайпов и у тебя все красиво и быстро собирается.
А еще особо продвинутые хипстеры совмещают галп с вебпаком.
Сосу Пилю приложуху на реакт-редаксе, думаю закончить до конца недели, что-нибудь напиздеть в резюме и уже пойти работать версталой не хочу
Ну еще вот написал свой говносервак для регистрации/аутентификации пользователей на экспрессе, но это такой охуенный велосипед, что я точно его никуда не задеплою, лол.
Охуеть, ты сколько всему этому училсячто ты там за йобу пишешь? Почему не искал работу раньше?
Где-то полгода.
Потому что верстка мне остоебенила практически сразу, не хочу этим заниматься, а жаваскрипт нравится.
Алсо: вы заебали переименовываться, хуй найдешь.
А хули ты выебываешься, хипстер, ебта, я, блядь, смотрю в исходники, а там пиздец, ебана рот.
Зачем ты ему деньги-то вернул? Работу сделал? Сделал. Олсо ты на апворке пиэсди-ту-аштиэмэль+жс промышляешь или как? Там же конкуренция дикая.
а что не так с исходниками ? если ты про дич в медиа, то я для примера на скорую руку накидал
Давненько не верстал прост.
> Зачем ты ему деньги-то вернул? Работу сделал? Сделал.
Ну он не согласен был что я ее сделал и мне проще было деньги вернуть т.к. он начал выебонить да и с моего города и ебал я в рот в общем то 4.5 рублей
> Олсо ты на апворке пиэсди-ту-аштиэмэль+жс промышляешь или как
не нода, реакт, угловой
Это я так шутканул типа, мда.
А я бы вряд ли вернул, но я в ДС, хуй меня тут кто найдет, лол.
Понятно. Я пока только в реакт+редакс могу, ну и всякая прикладная поебень, немного д3, в общем, тухловато.
Ну я имею представление, что это, но пока даже полноценной фронтендо-обезьяно себя назвать не могу, и на практике у меня все ограничивается банальным аяксом через какой-нибудь аксиос или фетч.
https://jsfiddle.net/s9nhkcbe/1/
ааа, как отдельный блок его называть ? Понял, спасибо анончик
БЭМ не должен быть связан с тегами html вообще. Представь, что ты свою страничку просто на картинке видишь, не можешь увидеть теги. Освободись от тегов и всей прочей разметки, так ты познаешь золотой путь наименования.
И что ты видешь? Блок "новостей-список", "новостей-списка__пункт", "новостей-списка__пункта-заголовок" и т.д.
А недопонимание твоё случилось от того, что ты с тегами что-то не прочувствовал. ul это уже блок. Ему не нужна обёртка из другого блока aside. Можешь ариа-роль для ul использовать, если семантика нужна.
Либо, если уж очень хочется aside, то ты его вообще не трогаешь. Он у тебя висит нетронутый, только для html(у него будет только стандартное свойство displey:block; он как бы прозрачный и просто под содержимое растягивается, никаких классов). А вот внутри него будет уже БЭМонутый ul со всеми классами-выкрутасами.
Короче, всё просто. Сначала делаешь (в уме) разметку классами по БЭМ. А потом уже к классам подходящие теги приписываешь, а не наоборот. Подходящие по смыслу (по семантике). Если у тебя там в списке заголовки новостей, то это всё h1, потому что они все первого уровня сами по себе. А не h3, чтоб шрифт маленький был.
я бы вообще так сделал:
aside.related-news > article.related-news__item > h1.related-news__item-header + p.related-news__item-text
спасибо.
> Ему не нужна обёртка из другого блока aside
нее, там обертка все таки нужна потому что будет еще что то типа span.news-counter сестринским ul'ке
>>688119
Если еще тут, подскажи, на каком этапе можно вкатиться на апворк, чтобы не обосраться? Могу пилить относительно сложные штуки на реакте, но вот бэкенд ограничивается запросами к существующему АПИ и простенькими велосипедами на экспресса+монгодб.
Это не бодишоп
>>687673
Можно сказать за идею, но больше это нацеленно на получение опыта работы в команде.
Стайлус и все остальные технологии использует создатель, в разных проектах можете использовать разные технологии и собственные договоренности.
Не только верстка, каждый может создать команду в гит-организации, собрать людей и делать, то, что хочет, верстка это как вкат для начинающих и первая проба командной работы.
да хз, если умеешь в реакт то обосраться сложно, самое сложное на апворке получить первые 10 заказов
ну по реакту без бэка где то 3 таска в день у меня в ленте возникает, вкатывайся хули, ставь сначала 8-11$/hour и пиши в профиле дескать так и так ньфаг тут так что вам повезло с такой низкой ценой т.к. работаю считай за отзыв.
После 2-3 хороших отзывов или просто 5 звездочек повышай рейт до 17-20 и решай уже фронт или фуллстак
если первое то переписывай все свое портфолио на ангуляр т.к. на нем объективно больше работы. хотя можно и на одном реакте работать ибо средняя продолжительность проектов 2-4 месяца.
если второе то разбирайся с топовыми либами как то: паспорт, memcached, redis, socketio, sequileze на гитхаб короче посмотри что там в nodejs инфраструктуре котируется
> простенькими велосипедами на экспресса+монгодб.
лол почти вся работа с нодой этим ограничивается
Cпасибо большое.
Ангулар мне как-то не зашел, после реакта на нем неприятно писать. Сейчас допиливаю портфолио на реакте как раз, подыщу хостинг и пойду соперничать с индусами.
> Ангулар мне как-то не зашел, после реакта на нем неприятно писать
Реакт хорош для одинокого хипстера волка, для команды угловой может оказаться лучшим решением.
Я когда начинал, был проект с командой в 4 мидла и лид, на мой вопрос чому не реакт, он сказал, что ебал следить за тем чтоб каждый из нас консистентный код на реакте писал, сказал что если это не одна и та же команда использующая реакт а всегда разные люди в итоге выходит сорт оф лебедя рака и щуки
В шапку добавьте:
https://coggle.it/diagram/52e97f8c5a143de239005d1b/56212c4e4c505e0045c0d3bda59b77e5977c2c9bd40f3fd0b451bdcf8da4aa52
Я и учу реакт. Вернее, вполне себе выучил. Сейчас на практике закрепляю.
Понимаю, что вопрос может быть неуместным, но кто-нибудь юзал MobX? Выглядит прикольной альтернативой шизоидному родному флаксу и не менее шизоидным творениям на его основе (привет, рефлакс).
https://www.youtube.com/watch?v=_q50BXqkAfI
Давно сюда не заходил, дохуя работы, да и больше как-то от верстки хочу отойти в сторону JS.
Тут столкнулся с непонятной хуйней в пайчарме. Может, я дурак, но не понимаю в чем проблема. Собсно, по скринам все понятно. Вопрос - почему пайчарм так реагирует на два дефиса в имени html файла?
как поправить?
Раньше для подобной фигни использовал XMind, но это всё же не то.
C багажом версталы. HTML/CSS, adaptive/responsive, Bootstrap/MDL/Foundation, Flexbox/<picture>, gulp.
Сверстай письмо таблицами.
Не могу понять почему в ие11 сьезжают абзацы в футере и в слайдере
Ну и вообще оцените мой адаптивно-резиновый пинк.
странно как то все это:(
лол енто знак
https://nnmclub.to/forum/viewtopic.php?t=973073
>GoIT
>Привлекательные CV, профиль на Linkedin
>программа самоподготовки к уровню Middle
>HTML/CSS Верстка (12 занятий)
>Куда флоаты поехали блядь
>GoIT
Да, топрофел.
Бери базовый курс Академии из шапки. Смотри его насквозь, под пивко, чтоб просто общее впечатление о сфере сложилось. А потом начинай много и вдумчиво читать, много и вдумчиво ручками писать. Никаких волшебных видосов не бывает. Можешь и твою хуйню посмотреть, но 110 часов дерьма — слишком много.
Скоро блядь начнут появляться "обучение сеньёра-фронтендёра по методикам НЛП и 25 кадра".
я начну с базового за 2016 ( там вроде седону верстают?) и продвинутого 2015 + базовый js за 2015 норм?
МимоITшник 3ий курс
Проблемы недозондов элитного версталу не ебут.
Открывай в инспекторе в Хроме и смотри всё внимательно. Может он там какие значения по-умолчанию добавляет или какие свойства без префикса вычёркивает. А вообще, читай шапку. Нету кода — на хуй послан.
git submodule
братан, чем больше знаешь тем паче
вот например можешь сходить сюда
http://scanlibs.com/
и прочитать все что сможешь по тегам
HTML, CSS
JavaScript
SEO
Это фактически фуллстэк тебя с такими скилзами и парой проектов в портфолио с руками оторвут, за дизайн ниче не скажу т.к. не умею
https://arslangapizov.github.io/nerds/index.html
https://arslangapizov.github.io/nerds/catalog.html
как пофиксить это говно...
сверстал свое говно тож критики жду
https://nnmclub.to/forum/viewtopic.php?t=1032872
На первой странице, при наведении на корзину, херня происходит.
прочел по html,css,js 30 книжек грубо говоря, но вообще все читал что под руку попадалось потом пол года писал вещи, которые казались очень сложными и я понятия не имею как их сделать
нет на академию не заходил ни разу, самый большой прыжок по скилзам произошел когда делал нетривиальные вещи.
А по книжкам, даже по js после кантора, подробного руководства и js ниндзя уже повторяться начало и я перестал с хтмл и цсс еще раньше
Виртуально сосу у тебя.
может посоветуешь из этой ГОРЫ книжек вот самые ГОДНЫЕ, алсо из JS фреймворков знаешь что?
ну бля по жс илюха клитор и подробное руководство и js ниндзя, по сути тебе больше ничего не надо т.к. дальше только спеки экмы.
по html/css советовать ничего не буду т.к. то что читал я уже морально устаревшее говно, гугли че нить за 15 - 16 год на амазоне а потом в гугле bookname filetype:pdf или bookname torrent
и вперед когда по ходу чтения поймешь что автор заебал банальные вещи расписывать можешь книгу бросать и гугли всякие tecnologyName blueprints, tecnologyName cookbook, tecnologyName paterns или сразу пиздуй в чужом коде на гитхуб ковыряться.
из фреймворков знаю ангулар, реакт и нодовские сейлз и экспресс, вот думаю чем то легким типо vue обмазаться, а лучше по их гитхабу свой vue запилить на jade построенный
только основная мысль была в том, чтоб ты больший упор делал на написание кода, чем сложнее приложения которые ты делаешь, тем быстрее ты растешь
дашборд,
генератор статических сайтов
http://www.layoutit.com/build
графики какого нить битка как то:
https://bitcoinwisdom.com/markets/btce/btcusd
вуаля! Теперь ты нехилый такой миддл с пониманием архитектуры, и не запутываешься сам же в своем коде
https://jsfiddle.net/5fyeLvx7/1/
Код. В инспекторе хрома пусто (в смысле лишнего говна не добавляет, видать спцифика движка такая).
В фф - четко, в остальных - говно.
На пикче обложка какого-то музыкального альбома (без лягухи, есессно). Помню, что видел буквально месяца два назад на ютабчике, но не могу вспомнить.
Антоны, если кто знает что за оно, подскажите.
Во-первых: что за пони блять на пике в торе, ОП?
Во-вторых: как писать из тора, а то мало ли?
В-третьих: у меня месяц чтобы из недоученного адаптива (верстаю пинк) подготовится для версталы, скоро уволят.
Поэтому реквестую гайдов по подключению плагинов на jquery, написанию несложных скриптов на js, натягиванию верстки на cms. Гугл выдает по jquery какой-то треш.
Фронтаны, спасайте комрада.
Кандзи на обложке читаются как "atarashi hi no taishou", или "Рождение нового дня".
В ютубе гуглится 28-14: Birth of a new day с этой обложкой, поэтому, надо полагать, это оно и есть, анон.
Плагины подключаются в соответствии с их документацией, гуглишь плагин - подключаешь. цмс аналогично. JS учится по кантору.
На Кантора времени фактически уже нет, месяца на нормальные познания итак мало, а мне кроме него еще дохуя нужно.
Кликаем на кнопочку, логинимся на гите, нас редиректит назад. Суть в том, что webpack-dev-server при этом начинает искать контент в поддиректории /auth/ и естественно обсирается. Как это можно наименее болезненно пофиксить? Нарыл какие-то велосипеды на экспрессе с проксями.
Конфиг вебпака самый обычный, канторовский, контент хостится с рут-директории, historyApiFallback воткнул еще когда с роутингом разбирался.
Буду благодарен за любую подсказку.
Лол, оказалось достаточно захуячить в статик индекс.хтмл строчку <base href="/index.html">
А то, уже который раз решаю вопрос только после того, как спрошу в треде.
Да как хочешь. Можешь сделать в вебпаке вторую точку входа, чтобы стили собирались в отдельный файл и подключать их соответственно в индекс.хтмл. Можешь в каждый компонент импортировать личный сасс/лесс/стул файлик со стилями. Можешь импортировать main.scss/less/styl, который импортирует все остальные стилевые компоненты в корневой index.js/app.js/чотамутебя.js
1. Смотрят ли "небогатые" клиенты на фрилансе на валидацию HTML кода?
2. Нужны ли всякие Бутстрапы и в каких проектах?
3. Есть ли смысл задрачивать HTML5 теги вроде всяких <section> или их всё равно все сбрасывают и переопределяют?
А то 3 года уже работаю верстальщиком/php-погромистом, но тренды не использую особо, а просто повышаю цену на услуги.
Пашем все, что еще делать. Сам захожу раз в неделю, если вспоминаю. Кстати, чому front-end тред заменили обратно на верстку?
Пилю годноту. Как только начинаешь понимать, что верстка для тебя не так уж и сложна, начинай проспамливать почту работодателям, которые ищут работников на удаленку. Только не кидай свое резюме сразу всем. Хватит и 2-3 компаний за неделю при нормальном портфолио.
Сибирь-кун, пахавший сначала за 150 в час, потом отчаявшийся и решивший пидорить на завод, а после нашедший аутсорс в ДС за 300 рублей в час.
Пиздатый дизайн. Вся лента пестрит кукареканием про говно, дуроввернистену и прочей хуйней.
>аутсорс
Не подскажешь контору? Алсо, что скажешь насчет http://csssr.ru/ (если работал там)?
> Верстальщик пиксель-перфекционист
> пиксель-перфекционист
Плюнул бы им в ебало за такое.
другой анон
Послал бы нахуй. Работа сделана, не твоя проблема, что он нашел конченого макакия на бэк. Пиздец, конечно, какие омеги идут в профессию. У нас же сплошь стресс, если не толстокожий, то заклюют.
Хотя вот за тестовое задание им спасибо. Странно только, что такой примитив у них идет с пометкой "middle/senior".
>Странно только, что такой примитив у них идет с пометкой "middle/senior"
Вангую что потом откроется дохуя подводных камней.
Не работал. Двачую этого >>689670 , тоже бы плюнул. Вроде как один знакомый, учивший меня пару лет назад верстке, попробовал туда устроиться, его не взяли. Но сейчас я понимаю, что он был слаб.
>Не подскажешь контору?
Диванон, извиняй.
Но могу дать совет. я искал работу по принципу: "Не браться за долгосрочные проекты, за проекты различных mlm или постоянных онлайн-магазинов или порталов, которые постоянно перепиливаются." Я просто не могу работать над одной и той же хуетой больше 3 месяцев. Потому я ищу работу в веб-студиях, которые раз в пару месяцев берут новый заказ, а не в компаниях, которые зарабатывают на продаже рекламы со своих сайтов.
Я как-то пытался с их шаблоном сверстать эту хуйню, у меня знатно тогда бомбило. У них там какой-то пиздец с шаблоном был, как сейчас помню. В итоге я поразбирался пару часов и забил.
>>689686-кун
Спасибо, этого вполне достаточно.
>>689688
Кстати, не подскажешь, можно ли полностью отказаться от поддержки ie11 в своих проектах? Есть ли такие студии?
Что читаь? Новая большая книга CSS есть, что-то еще?
Нет, на данный момент даже топовые студии верстают под ie11. Но это не страшно. Нужно быть совсем криворуким, чтобы словить баги в нем.
Кстати. сегодня как раз правил баг форм за одним верстальщиком.
Пиздец. Просто верстаю на флексах а они едут под ie. Под него нет никаких хаков для совместимости?
Все нормально с флексами на 11 ишаке, минорные баги, связанные в основном с флексовыми контейнерами внутри флексовых контейнеров и маргин:ауто. Так можно вообще только под хромог верстать, потому что там допускается не писать bottom/top 0, а в лисе без этой строчки какая-нибудь абсолютно спозиционированная хуита весьма закономерно съедет.
Позволь спросить, зачем ты вообще флексовые автомаргины заюзал?
Нет, они очень клевые, но все тоже самое можно и без них, и не сильно сложнее, зато железобетонно. (если не брать в расчет ие9 с полфиллами, лол)
Да просто запись понравилась. Коротко и в одну строчку. Вернул обратно на джустифай с алайнами.
Тогда понятно. Я вот сейчас как раз стилизую по-быстрому свое реакто-говно, и т.к. мне пофиг на ишаков вовсю фигачу авто-маргины. С ними, конечно, прикольные ассиметричные сетки можно делать (тут есть пара примеров, например http://stackoverflow.com/questions/32551291/in-css-flexbox-why-are-there-no-justify-items-and-justify-self-properties )
Вообще, я когда верстал свое первое говно на флексах (седона), нахватал кучу подводных комней, но как ни странно - все они быстро и легко фиксятся тупым брутфорсом в девтулз.
1 и 3 нахуй не нужно.
> Нужны ли всякие Бутстрапы
Да, если макет бутстраповский(т.е контейнер от бутстрапа и сетка 12 колонок)
> в каких проектах?
Во всех, которые хуяк-хуяк и в продакшн.
мимо-верстальщик-уже-3-месяца
>реакт
С этими реактами/ангулярами перспективы есть вообще? Если несколько небольших приложений (вроде todo) запилю - спрос на такого человека будет? Или сразу нужно гигантскую админку создавать чтобы работу получить?
подкиньте годную фриланс биржу, плииз
Умирает.
Туду на реакте пилится за пару часов вообще без знания жаваскрипта, из которых полтора часа у тебя уйдет на поиск и установку пакетов и чтение документации. Вот эту фиговину https://react-blogpost.herokuapp.com/ я запилил за полтора дня (оче долго ебался с АПИ). Выводы сделай сам - нужен ли кому человек, который умеет то, что любая обезьяна за день освоит? Нет
> гигантскую админку
Такое можно пилить месяцами, что мягко говоря непродуктивно в условиях ускоренного обучения.
Вот этот анон >>689026 написал нехилые такие йобы, которые лично я буду пилить недели две точно, но это нифига не энтри левел, плюс там нужны знания библиотек для визуализации (chartsjs/d3js).
Вот у этих >>689668 чудиков в разделе вакансии/js девелопер есть два весьма простых тестовых таска, оба из них на джуна (несмотря на то, что одно из них почему-то помечено "миддл")
На любом фреймворке нужны
(собственно, сам сейчас и сижу на 3-м шаге,)/spoiler[]:
1) какая-нибудь базовая фиговина, но не совсем уж хэллоуворлд. Например тудулист, но с возможностью редактировать/удалять/сортировать/искать по названию/дате/помечать цветом
2) какая-нибудь базовая фиговина, работающая со сторонним АПИ. Гугл/фэйсбук/гит/ютуб/новости/погода - пофиг, главное чтобы работало и выводило что-нибудь наглядное. Можно анимациями обмазать в цсс, чтоб свистоперделки маскировали примитивность, хы.
3) что-нибудь продвинутое. Если реакт - то что-нибудь с редаксом, если ангулар - без понятия, я только мельком его глянул.
...4) добавить сюда что-нибудь на ванилле в ООП стиле, лучше еще и на ЕС6. Подойдет любой кулькулятор, главное, чтоб работал. Если есть время, можно поколупать какой-нибудь D3. Ну и основы ноды+экспресс, уметь написать простенький сервак, который хостит страничку (10 строк кода примерно, да).
Эмбер лучше не трогать до момента обретения устойчивости в индустрии. Бэкбон вообще не нужен.
Годно. Кстати, как часто ооп используется в жаваскрипте? Просто крайне с трудом его понимаю.
Да это так, забавная история. Что там у них в конфе я не знаю, но: Они как-то пафосно вкатились, с анонсом, все дела, дескать, сейчас у нас будет лайв-кодинг вебинар, научим ньюфагов кодить на реакте. Каждую неделю, говорили, будут проводить. А потом они два часа в прямом эфире не могли настроить сборку реакта. С тех пор никаких вебинаров, только раз-два в тред вкатывается их пиарщик с новой ссылкой на конфу.
>>689829
С первым ангуларом похожая ситуация, как с пхп. Вроде говно, но на нем столько всего накодили, что даже если пхп завтра прекратят поддерживать, то работы для пхпистов будет еще лет на 20 вперед. Сам по себе ангулар мне показался легче, чем реакт, но при этом он какой-то говнистый. В реакте ты минимум хтмла запихиваешь в JS, в ангуларе ты JS запихиваешь в их убогие шаблоны, плюс дичайшая абстрактность - я тут про реакт бомбил, дескать, нихрена непонятно, а у ангулара вообще своя атмосфера. Про второй ничего не скажу, кроме того, что там можно и на ЕС6 писать (они же не дураки ограничивать перспективный фреймворк только лишь мертворожденным синтаксисом).
>>689831
ООП это паттерн программирования, намного проще для понимания, чем функциональщина. Практикуется везде, ты в том же реакте 90% времени будешь работать с объектами. Да и там ничего сложного нет, пикрелейтед нагло врет (я серьезно) (хотя в пхп что-то похожее, но пхп это вообще отдельная история).
Не, я конечно немного знаком с ооп, классы конструкторы области видимости итд, изучал основы джавы. Но это какая-то жесть. Думаю, здесь попроще будет с этим.
Да ну, я когда начинал вникать, думал "ух, сейчас дойду до прототипов, наконец узнаю, что это на практике". В итоге это настолько естественная вещь, что я сам не понял, как начал этим пользоваться, причем если меня спросят "расскажите про ооп в джаваскрипте", я смогу лишь промычать что-нибудь типа "нууу там прототип и можно делать еще прототипы и еще прототипы и там потом цепочка наследования... эээ, кхе-кхе".
Но я кроме жс только пехапе более-менее занимался, вот по сравнению с ним жаваскрипт - как оазис под куполом с вентиляцией посреди пустыни из засохшего дымящегося на солнце дерьма. Очень дружелюбный язык, особенно когда перестаешь ебать себе мозги необходимостью поддерживать кривые высеры мелкософта (спасибо, реакт/ангулар/и даже жиквери). Какие-нибудь матерые питонисты/крестоебы, наверное, рассмеются, если им такое сказать, хех.
Ну кстати да, самый простой пример из реакта. У него есть "типа-класс" Component.
Всю байду, которая в нем есть, можно отнаследовать, создав свой компонент class Helloworld extends Component {
}
И там писать свои методы. В итоге в нашем компоненте будут свои методы, плюс все методы Component. И несмотря на весь синтаксический сахар под капотом будет что-то типа HelloWorld.prototype = Object.create(Component.prototype). Ну или типа того.
В общем, на практике все становится ясно сразу и отчетливо, а когда просто читаешь Кантора, хочется кого-нибудь пристрелить или пойти на завод.
Т.е. сам по себе реакт вообще мимими няшная легкота, но это только вью лэйер, к нему нужно обязательно добавить редакс, что-нибудь для асинхронных действий, еще что-нибудь и еще что-нибудь, и сотня тысяч вариаций того, как это можно написат, а если ты вдруг нашел какой-нибудь "sort of рабочий солюшен", а там какие-нибудь миксины (а они там 100% будут, т.к. даже официальная документация реакта учит ньюфагов писать в ес5 стиле), то соси хуй и пили свои велосипеды или ищи библиотеки для поддержки миксинов и пили велосипеды к ним или просто иди нахуй, хули ты тут выебываешься со своим 15-м реактом и экстендами, блядь, реакт.креэйткласс нахуй.
У ангулара же все есть искаропки и все точном соответствии с документацией. С другой стороны там дохренища индусов, убогие шаблоны, убогая работа с ДОМом, плюс "you are not learning javascript, you are learning angular".
>"you are not learning javascript, you are learning angular"
This. Наверное, самый главный минус. Хайп на ангулар пройдет - выкинешь весь свой багаж знаний, приобретенный за многие месяцы, на помойку. С реактом хоть жс будешь знать. А жаль, так-то вариант искаропки несравнимо удобней, конечно.
Если стоит вопрос как можно быстрее начать зарабатывать на дошираки, то может быть ангулар и предпочтительнее реакта. Но знать жс нужно в любом случае. Достаточно знать основную теорию и хотя бы примерно понимать, что происходит под капотом - вот последнего тебе ангулар не предоставит, там просто нереальнейшая абстракция.
школярий 17лвл, хочу себе на сигареты и шмот заработать. Пробовал рерайт и копирайт, хуйня полная. из навыков: нихуя не умею, готов учиться, немного владею паскалем, лол. Устроило бы рублей 50-100 в день, работая 2-4 часа
%гоните его, надсмехайтесь над ним..%
Быстро учишь вёрстку, делаешь портфолио, отправляешь в местные конторы - зарабатываешь.
Быстро это означает минимум 2-3 месяца, а то и все 6, с учетом того что мне ещё предстоит в школе хуячить?
Да. А ты хули хотел. По твоим показателям всё реально. Но зависит всё только от тебя.
это уже ПОЛНОСТЬЮ самостоятельно? я сейчас смотрю базовый от 2016 и там только барбершоп верстают, что в остальных?
спасибки
Вебпак настроили уже?
Алсо, как вам их гайд: подойдет или для западного рынка более жизненно, а тут своя атмосфера?
На втором скрине прилагаю расписание с одной из ссылок хэндбука, тоже прокомментируйте пожалуйста.
Главное соблюдать режим сна!
Там же просто манипулировать дом в контроллере это уже говнокод, насколько я помню.
Где пишется по-хорошему работа с дом?
Я по мере надобности читаю оттуда, просто читать хз. Гайд вроде универсальный и наверно не обязательно по пунктам идти потому что практика все это пересекает. Я бы по проходил второй скрин, можешь дать линк?
почему я пишу в стилях z-index: 10 он становится 5
я пишу z-index: 4 он становится 3
???
https://learn.javascript.ru/types-conversion#строковое-преобразование
На свою зп можешь в своем городе снять квартиру купить еды на месяц и еще чутка отлаживать:
*знак вопроса в конце.
Сколько? Город?
320 евро квартира, 130 еда, 50 на проезда (возможно и больше). В лучшем случае 200 евро откладывать могу, но это ведь нихуя.
А, но это не в России. Средняя по городу 1900 EUR, минимальная 450 EUR. Мне дали 700 EUR частичными выплатами (600 ежемесячно, 300 каждый квартал). Т.е. минимальную з/п.
Такие дела. Но зато вкатился, да.
Я в твоей ситуации съебал из вуза, но я был молодой и шутливый.
Олсо, какой уровень знаний у тебя? А то я тоже тут на реактоджуна собираюсь.
Больше половины - это нормально, для начала.
Очень средний. Три маленьких проектика на гитхабе, около двух лет ебли с жабоскриптом, в сиви вписывал всё подряд, даже json и xml, поэтому там вышел длинный список. На интервью по скопу дали несколько заданий, просто куски кода, где переменная запутана в блоки и функции и нужно сказать присвоенное ей значение, ответил очень быстро и это было решающим моментом, ибо конец интервью, собеседующие фронтэндэры уебали дальше работать, а директор оставил мне свой номер телефона и мыльцо, в остальном сильно обосрался. Спросили про удобства React'а, рассказывал им про VirtualDOM, а они хотели слышать про масштабируемость приложений и прочая хуета.
Из вузика нельзя съебать по некоторым причинам, хотя я бы и рад, ибо учусь в мухосрани, а работа в ДС, 6 часов дороги, каждые два дня съезды по 24 часа в общем на выходных. Попробую рвать жопу за еду, может потом проще будет.
Из сложного спрашивали по тестам, с которыми я не очень, по безопасности, просили пояснить CORS, разницу между ассинхронной загрузкой скриптов, синхронной и defer, SEO, какие мета-теги знаю и нахуя. Но в целом стандартно, даже разица между == и === была.
Латыш, ты? Помню тут одного в этом треде, мелькал раньше.
Все равно поздравляю, главное ведь вкатиться для стажа.
Было бы неплохо, через полгода ведь будет нормально и прибавку просить?
>>690665
Не, я в Ваве. У латыша всё хорошо же, я его два месяца назад встречал здесь (или это скандинав какой-нибудь был, не помню).
> двух лет с жабоскриптом
А что ты эти два года делал? Я за полгода дополз до реакта и ноды, а я эпичный слоупок.
Сайтики клепал, курсики проходил, осваивался с линью, реакт тогда популярен не был, поэтому я учил angular первый, да и много стороннего говна почерпал, с electron'ом пытался десктоп-апликации делать, юзал bower и не видел смысла в npm долгое время. В общем, мне нужен был структурированный подход, тогда может и проще было бы.
— Да, я как раз занимаюсь фронтендом, юзаю пару тулз.
— Круто. Я щас делаю простое приложение — обычный 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.
— Да, я как раз занимаюсь фронтендом, юзаю пару тулз.
— Круто. Я щас делаю простое приложение — обычный 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.
Проиграл. Вот такая хуйня со мной тоже происходила, может поэтому и два года.
Ну зато у тебя дохуя опыта, пусть и некоммерческого. Я так чувствую, что хрен устроюсь с нихуя, разве что напиздеть, что полгода фрилонсил.
Надо ли пердолиться с css слайдером или можно подключить ПЛАГИНЧИК и забить?
Подключай плагинчик
В гитхаб закидывай всё, что делаешь, даже откровенное говно (после собеса удаляй), все проекты не смотрят, максимум перейдут по ссылочке на хироку и поклацают по кнопочкам на твоём изоморфном чате написанном на соектсайо (где ты всё равно наговнокодил жикверей на клиенте).
>Babel для транспиляции этого ES6+ кода в ES5 код
Ебать. Нельзя сразу на ES5 писать?
>webpack
Эта хуйня вместо галпа теперь у всех?
Это такой, у которого талант. Дизайну ты не сможешь "научиться", в отличие от кодинга, будешь клепать колхозные макеты и конкурировать с сотнями (буквально) таких же колхозников.
Годные дизайнеры они как художники или музыканты и получают столько, что нам и не снилось. И я не про тему лебедева, если что.
>Ебать. Нельзя сразу на ES5 писать?
Новые фичи же, spread операторы, fat-arrow функции, const&let, синтаксис класса используются довольно часто, потому что они ускоряют разработку.
>Эта хуйня вместо галпа теперь у всех?
Да. HMR дал всем пососать.
Да тут проблема в том, что почти все интересные вакансии идут с опытом работы "от 1 года". Скажу, что фрилонсил - а профили везде пустые. А верстать говно не очень хочется.
Это да, рассылай всюду сивишки, я где-то 70-80 отослал, фидбек такой себе был, но собеседований 7 было. Потом просто на monster запостил сиви с тегами React Redux Junior Front End и взяли с первого же звонка, они эту вакансию не публиковали на сайты поиска работы, поэтому конкуренция была послабее и я прошёл. Попробуй.
Сначала рынок смотри, прежде прибавку просить!
Просто без опыта вакансий писец мало.
Или так и должно быть?
<script type="text/javascript">
VK.Widgets.Poll("vk_poll", {width: "300"}, "22887543529_de4ce69871wefw87");
</script>
Набор цифр в кавычках для каждого голосования уникальный.
Можно ли добавить в боди какой-то универсальный скрипт, который применял бы ко всем таким виджетам window.onload, чтобы не прописывать отдельно для каждого?
Модалки и табы норм.
Ладно, уже половину установил. Вопрос такой, я могу тупо потом скопировать эту папку и начинать новый проект?Или по новой надо будет ставить галп и устанавливать модули?
А как мне просто и без задней мысли одной кнопкой установить галп и все модули?
Нет, я имею ввиду плагинчики, типа автокомпилера, автопрефиксера и.т.д
Как я так постом промазал? Это >>690909 сюда.
>>690911
Устанавливаешь их с флагом --save или --save-dev (на самом деле можно ебашть все в --save, но это тема для отдельного холивара). У тебя в проекте будет package.json типа пикрелейтед, только не такой жирный. Все зависимости оттуда устанавливаются одной командой в консольке.
Ну и сначала npm init, конечно, он тебе этот самый package создаст (пустой).
Хотя можно и руками ебануть, если ты упоротый немного (я так делал, да).
Короче вот https://habrahabr.ru/post/243335/
Статья старая, но сойдет, ничего не поменялось в этом плане (почти).
>>690913
Извини за тупой вопрос, но я правильно понял, что достаточно ставить все плагинчики через --save dev а потом, чтобы начать новый проект, достаточно скопировать package.json gulpfile.js установить галп и прописать npm install?
Я уже давно не работал с галпом. Насколько я помню, надо установить его глобально (npm i -g gulp-cli). Потом локально в проект (npm i --save-dev gulp). Так что галп ты устанавливаешь 1 раз, потом он локально подтягивается также, как и все плагины.
Ох, заебись. Спасибо.
html-css-js-php?
а для добавления статей и их хранения что используется (и как?)
или что можно почитать на эту тему?
Кантор, очевидно же
Вообще на виладже рельсы, но можно и на пхп бэк написать.
>для добавления статей
Самописная CMS.
>их хранения
БД, очевидно.
>что можно почитать на эту тему?
На какую тему?
Лил, Кантор, конечно.
Например, это задание вообще не смог сделать:
Натуральное число, большее 1, называется простым, если оно ни на что не делится, кроме себя и 1.
Другими словами, n>1 – простое, если при делении на любое число от 2 до n-1 есть остаток.
Создайте код, который выводит все простые числа из интервала от 2 до 10. Результат должен быть: 2,3,5,7.
P.S. Код также должен легко модифицироваться для любых других интервалов.
https://learn.javascript.ru/while-for
Джс код не вижу, но очевидно, что нужно находить через $(this).find() только близлежащие элементы от того, по которому ты кликаешь. Вот, буквально недавно писал такую хуйню.
$('[data-slide]').click(function(event) {
$(this).siblings().removeClass('active-faqblock');
$(this).addClass('active-faqblock');
});
Да у всех так, забей, читай дальше, потом вернешься и может быть получится.
И да, там важность задания всего 3, так что можешь вообще не париться. Я сам это задание сделал, но у меня выводились цифры по несколько раз, но нужные, лол.
Зачем ты тянешь бустрапоновский скрипт, когда можно самому написать в несколько строчек?
Я его не тяну, он там уже есть. Не хотелось бы писать свои велосипеды, но что-то подсказывает, что придется.
Охуеть сложный велосипед, тебя же не слайдер заставляют писать.
И да, я нашел решение уже в гугле, хз как ты гуглил.
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.
Дата-паренты разные сделай короче и всё.
Блять, залей мне нормальный код не в песочнице, а на файлообменник, я тебе все сделаю. А то на джсфиддл нихуя не понятно.
слева External Resources список подключенного, клик на ссылку откроет код
Ну охуеть теперь, сам ебись с этим говном.
Stage-0 это «прост хорошая идея, пока еще даже не поданная в комитет». В спеку языка может не войти никогда. Сам думай хочешь ты этого или нет.
Не можешь разобраться, просишь помочь, скидываешь код, линки на исходники
>кококо памагити мне сам естессна делать нихуя не хачу
вся суть
Блять да заебал, вставь эту хуйню в текстовый документ и открой в браузере, и наслаждайся, у меня все работает, дальше сам разбирайся, почему у меня работает, а у тебя нет.
http://pastebin.com/yQyqSdkc
Это и у меня работает, потому что бутстрап не 4. Придется писать самому бля из-за неоссиляторов из твиттера
Глупый вопрос я задал, на самом деле, в любом случае проще в конструкторе прописать все байнды.
Ну стандартный минимум, чтобы его сильно не пидорасило при уменьшении-увеличении. Пока остановился на 400-700.
Причем тут увеличении и уменьшение? При масштабировании страницы вес шрифта не меняется.
Я никак не мог понять почему большой шрифт (48px по-моему) в хроме не сглаживался и ехал попизде - оказывается большой шрифт он воспринимал как болд, и пытался, соответственно, использовать именно его, но так как жирный вариант шрифта у меня отсутствовал, хром пытался растянуть обычный вариант до состояния болда и получались зазубрины и пикселизация. Добавил ":400,700" и все норм стало.
https://nerds.company/
на них нажимать можно если че
ой не, просто мышкой водить по ним
Неужели картинки и правда зашквар и надо изгаляться css-ом?
Как хочешь, можно и картинками хуярить, но будет выглядеть круче, если захуяришь через псевдоэлементы. И это далеко не самое сложное, что есть в вёрстке.
Ты прав, сложно это всё. Пойду лучше сериал посмотри, не нужны тебе эти псевдоэлементы.
Ладно, ради "круче" постараюсь. Но я почему-то уверен, что все эти версталы в студиях не парятся и хуярят чтоб быстрее было. А у Сани Першина это вечное "да, конечно, можно было не устраивать тут костылей на 20 строк кода а сделать все по-быдляцки, но мы пойдем другим путем...."
>>691360
Бла-бла.
Вот когда устроишься в студию - будешь хуярить, чтобы быстрее было. А пока тебе важно научиться, чтоб если что, ты такой "опа на, гляди как я умею" и плевать, что так умеет каждый второй
Как быстро вы привыкли к Jade? Мне, например, ебать как неудобно в нем высматривать классы. Я конечно сейчас в ide сделаю им цвета поярче, но мне пока не кажется это легко доступном для быстрого понимания.
Тот же вопрос к SCSS/LESS, вы вообще пишите так классы? Для быстрого взгляда не очень понятно.
Спрашиваю к тому, что не знаю, как лучше будет. Либо мне учить по 1-2 часа, читать книги, htmlacademy, смотреть уроки и так далее. Либо стоит задрачивать по 7-8 часов? Как всё же будет продуктивней?
19 лет. Закончил колледж. Полон мотивации и решимости что-то делать прямо сейчас.
Заранее спасибо за ответ на мой тупой вопрос.
Ну если у тебя времени с утра до ночи, то думаю 15 минут в день будет самым продуктивным. Вот только не каждый день, это нужно понимать. Если будешь учить каждый день по 15 минут, то очень скоро выгоришь. Идеальным будет заниматься по понедельникам и четвергам чётной недели. Т.к. сегодня уже понедельник, то думаю лучше будет начать в четверг. Удачи, анон, и не забывай делиться успехами.
Мб потому что подключаешь jQuery на защищённый сайт через http-ссылку вместо https-сслыки?
Не привыкал к Jade, но синтаксис похож на emmet, так что нормально все читается и отлавливается.
<script>
window.onload = function() {
};
</script>
событием стоит в середине контента, то вторая половина не загрузится, пока все не загрузится или событие window.onload значит, что этого скрипта как бы совсем не существует, пока весь контент и все остальное не загрузится?
Fronted хороший, плохой, злой путь. Почитай статьи. В остальном, во фронте много конкуренции, на столько много, что руки опускаются что-то делать.
Ну что за вопросы, учи столько, сколько сил хватает, если уже башка не соображает - отдыхай.
Конкуренция меня не особо останавливает, искал вакансии в офисе, даже в моей 350к мухосрани я нашёл несколько вакансий. Но опять же, это офис, а я в офис не хочу.
Нарисовать в свг и эффект перемещения при приближении курсора?
Да это понятно, но другие пидорасило из за кривого названия папки, как я понял, хотя все нормально было.
http:// maxdesign.com.au/articles/liquid/
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.
Твоа мамка блядь, пидор. не материться в этом разделе, иначе спущу в глаз тебе.
>На интервью по скопу дали несколько заданий, просто куски кода, где переменная запутана в блоки и функции и нужно сказать присвоенное ей значение
> Спросили про удобства React'а
ВРЁЁЁЁТИ!!!!!!!! ФРОНТЕНДЖ ДЖУН ЭТА ВЕРСТАЛЬЩИК С БАЗАВЫМ ЗНАНИЕМ ЖЭЭСА!!!!!!!!!!!!!!!!!!
МРАЗИ КОПИРАЙТЕРЫ СУКА ТРОЛЛИ ВРЁТИ ВРЁЁЁЁТИИИ
Нет, ты.
Так вы ответите?
Вернулся обратно в копирайтинга-тред.
бамп вопросу
Опять в деревне власть сменилась, я в рот ебал их спеки.
Тоже помню, что проценты были. И вот тут
https://webref.ru/html/img/width
тоже помнят.
Хотя, если порассуждать:
Для чего вообще этот атрибут нужен сейчас? Только для того, чтоб ускорить отрисовку страницы явно заданными размерами (по новому положняку внешним видом теперь управляем только из CSS). Если задавать размеры в относительных единицах, то браузеру всё равно придётся строить дерево и высчитывать размеры — такой атрибут ничем не лучше идеологически верного CSS-свойства. А значит, чтоб долбоёбы не лезли со стилизацией в HTML, мы вообще уберём у атрибута единицы и будем принимать только в CSS-пикселях по-умолчанию.
Вот и вали
Блядь, я запутался пиздец.
не рвись ты так
вот например вакансия..
https://hh.ru/vacancy/17475247
IT-компании требуется HTML-верстальщик
Обязанности:
Верстка новых и уже существующих сайтов.
Требования:
Уверенное знание HTML (4-5), CSS (2-3);
Кроссбраузерность;
Front-end разработчик (приветствуется)
Начальные знания JavaScript, jQuery (приветствуется);
«Резиновая» верстка;
Аккуратность, пунктуальность;
Желание работать и зарабатывать в команде лидера рынка.
Условия:
От м. Кантемировская 5 мин. пешком
Работа в офисе;
Оклад 50000 руб + премии (40000+премии испытательный срок)
Возможность вырасти до программиста
Соцпакет (питание+мобильный)
Оплата больничных
Оплата отпуска
Тренинги, обучение
На самом деле можешь не заморачиваться по поводу этого атрибута теперь. Просто убери его из HTML-тега и забудь про него. А в CSS меряй в чём хочешь, наводи красоту.
Не дрейфь, со временем всё придёт.
Ну начнем с того, что "базовый жс" - это весь кантор, основы ес6, и хотя бы приблизительное представление о том, что такое ангулар/реакт/бэкбон/эмбер.
Закончим тем, что жуниора никто не пустит колупаться своими неопытными пальцами в рабочем проекте. Будет клепать компоненты с разметкой, базовую логику аля "нажал на кнопочку - вывалилось всплывающее окошко", писать стили для этих компонентов. Т.е. по сути тот же верстала, только более хипстоватый.
>Будет клепать компоненты с разметкой, базовую логику аля "нажал на кнопочку - вывалилось всплывающее окошко", писать стили для этих компонентов
Ты охуеешь столько вот таких вот заданий на рабочих проектах. А еще больше охуеешь с того как они сайдтрекают внимание.
Поэтому ты будешь ковыряться в рабочем проекте, а потом, со временем, будешь ковыряться чуть больше, и уже вносить больше измненения. Никто в нормальных компаниях джунов решать нерешаемые по их уровню вопросы или проектировать архитектуру не поставит. Для этого есть люди повыше, да и решается все консенсусом.
Как в SASS задать min-width в переменную?
На запись типа
$tablet: ~"(min-width: 768px)";
$desktop: ~"(min-width: 1200px)";
компилятор выбивает ошибку.
Удалил к хуям то, что писал часа 4, лол. Может, вообще не верстать сегодня...Главную вот отлично разметил же пару дней назад.
Вообще, в такие моменты чувствуешь себя ужасно тупым, если спотыкаешься на самом легком проекте академии.
Верстаю адаптивы от академии без проблем и ошибок. Но читая кантора и пробуя писать js чувствую себя безнадежно тупым.
Даже не смог сам сообразить как возвести x в степень n. Пришлось подсматривать ответ:( Код то я понимаю но вот что сам не допёр понижает самооценку:(
Я с тобой полностью согласен, просто пояснил тому порвавшемусю, что значит "базовый жс", а то он небось думает, что это умение подключать жиквери и решать задачки на полиномы.
Со временем придет понимание такой вот хуйни. Просто знай, что это реально полезно, особенно когда дойдет до всякой ебнистики уровня напишите функцию, которая возвращает функцию, которая принимает две функции в качестве аргументов, которая ну ты понял...
Сможешь написать, например, ручную валидацию авторизации типа
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 задачка с кантора.
Табы распидорасило.
@mixin tablet($width) {
@media (max-width: $width) {
@content;
}
}
@include tablet(640) {
}
Обезьяна вообще охуела, нет, чтобы реально полезный функционал сделать - открывает анальные трекеры и устраивает распродажу пасскодов.
Да ёбана. Ну ты понял в общем.
Короч сам разобрался, left0 - left100% и оверфлоу хидден родителю, чтоб не пидорасило.
inb4 comic sans
О, спасибо. Я о нем что-то даже и не подумал.
Ты попробуй там размер шрифта увеличить или любую другую обычную проверку. Всему пизда настаёт.
Я себе так и представляю. Разогнали пашкиных студентиков, пришли путинские эффективные менеджеры. Набирают команду:
—Я в 1996 МФТИ закончил. 20 лет стажа.
—Наш тимлид!
—А у меня папа — помощник советника секретаря заместителя депутата.
—Наш синьёр!
И понеслась.
Ну справедливости ради надо сказать, что мылосру плодило низкопробную хуиту еще до наступления эпохи пакетов яровой и прочих благ.
Это я для хохмы.
Скорее всего там просто требование ie7+. С миллионами аудитории даже 0.1% это десятки тысяч пёсиков с бантиками. Стараются достигнуть этого с минимумом заморочек, вот и картинки всякие вместо модных псевдо.
Это да, но их "новый дизайн" все равно свестит, пердит и расползается. Хотя большую часть багованного говна они уже поправили.
Фаерфокс если что
Блядство! Я в русском тексте написал «0.1». Ну здравствуй, профессиональная деградация! Быстро же ты, сука! Пойду, смузи напьюсь.
>>692433
Вообще не понятно, зачем они этим обновлением занялись. Не верю, что просто стремятся к лучшему. Бюджет осваивают? С кем-то конкурируют? У них же большинство ЦА — «дуроввернистену».
>>692448
В госшарагу пойдёшь — сам таким станешь.
Хорошо, спасибо.
У меня теперь такая хуйня, как эти дикие отсупы на гитхаб фиксануть? Можно вообще? Почему оно так заливает?
>>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
Забудь про них ещё надолго. Это тёмная сторона. Хорошо, когда у тебя маленький документик и инлайн можно отловить. А когда у тебя их будут сотни больших, ты в каждый инлайн будешь лезть? Не делай так больше, не пытайся выкрутиться. Ищи проблему, ищи концепцию, ищи понимание. Всё уже давно продумано и придумано.
Вот и рассвет встретил, копирайтер мамин. Буду теперь опять целый день от Кантора засыпать.
>>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
Забудь про них ещё надолго. Это тёмная сторона. Хорошо, когда у тебя маленький документик и инлайн можно отловить. А когда у тебя их будут сотни больших, ты в каждый инлайн будешь лезть? Не делай так больше, не пытайся выкрутиться. Ищи проблему, ищи концепцию, ищи понимание. Всё уже давно продумано и придумано.
Вот и рассвет встретил, копирайтер мамин. Буду теперь опять целый день от Кантора засыпать.
Я сейчас где-то на этом же уровне.
Ебать, лучше бы вы так с функциональным жаваскриптом заморачивались, а не с версткой, тэгами и говношрифтами.
Реактодаун, читающий книжку по функциональщине и охуевающий
Спасибо за ПРОСТЫНЮ, забавно, что именно этого подхода со спан-с-классом я и избегал, наслушавшись охуительных историй про болезнь "классянка".
Но ведь я не имею права перейти к JS погромированию и всяким реактам, пока не осилю продвинутую верстку.
Каждый раз чтобы сделать коммит нужно набирать
git add . иначе пикрелейтед.
Где я проебался? Или так и должно быть?
Просто первый учебный проект с Git-ом.
https://git-scm.com/book/en/v2/Git-Basics-Recording-Changes-to-the-Repository
https://git-scm.com/book/ru/v1/Основы-Git-Запись-изменений-в-репозиторий
tl;dr:
Всё, что до сих пор не проиндексировано — любые файлы, созданные или изменённые, и для которых не выполнена команда git add после момента редактирования — не войдут в коммит
В твоих строках сквозит безумие, это же ты тот с подробным планом на вкат?
Хочу побыть диванным психиатром и поставить тебе шизоидную акцентуацию или даже сразу расстройство личности. Интеллект присутствует, но стиль очень своеобразный, возможно есть небольшие нарушения мышления. хотя у шизоидов их обычно нет
Как что-то плохое, в самом деле. Даже помогает: как накроет, так сидишь, уже 7 утра, а ты все смотришь в циферки и стучишь по клавиатуре, опача - интересный вебинарчик, надо посмотреть, и двое суток без сна. Никаких отвлекашек на игоры и кинцо, ибо кинцо творится в голове, this.router.history.start() и погнали.
другой анон
Меня так тоже накрывает, но редко, когда я прямо продвигаюсь по своим скиллам и получаю порцию гормонов от мозга в награду.
Или сталкиваюсь с какой-нибудь еботой, которую не могу решить и потому не могу успокоиться. Тогда да, можно не спать, можно не есть, хотя до гипоманиакального состояния еще далеко.
Галп настроил, а вот реально туплю с этой хуйней.
Да, популярен. Да, охуеннен. Суть везде одна, пользуйся чем хочешь кроме less.
Блядь, мысли никак собрать не могу в кучу.
В тему пинка: накидал разметку html по БЭМ, дополнив некоторые блоки классом для скрытия в мобильной версии. Но ведь это нихуя не мобайл фест.
Как вы писали мобильный пинк: накидали разметку по мобильному шаблону, а потом уже прикручивали блоки, которые не видны в psd или делали как я поглядывая на планшетную и десктопную версию и скрывая их в мобилке?
Ну и классика: кто тут пиздел, что сетка на флексах - дно? Обоснуй.
так и должно
Сначала тебе нужно занести изменения в index (stage), прежде чем коммитить. Ебанутая система, согласен. В mercurial вроде сразу в commit изменения отправляются.
https://youtu.be/PEKN8NtBDQ0?t=3m47s
Никогда с этим не было проблем (если не считать периода, когда я говнокодил в нотепад++).
Настрой свой редактор, используй православные табы вместо 4 пробелов.
Еще есть всякие прекоммит хуки, но это уже запредельный пердолинг, как по мне.
Чем же это она ебанутая? Тречишь только те файлы, которые хочешь закоммитить, все логично.
Конечно, когда ты сидишь дома и надрачиваешь петпрожекты, сливая сразу все в мастер-ветку, каждый раз писать add . запарно, но кому сейчас легко? Олсо для таких коммитов можно вообще скрипт захуячить и сливать все одной командой в терминале.
По легенде мне нужно с помощью жс сделать что-то тип слайдера, была мысль запихать все, допустим, картинки одну под другую и потом, с помощью добавления класса с z-indюx, доставать нужный элемент, но при таком подходе контент слайдера будет грузиться сразу весь, что хуево. С display: none
такого происходить не будет?
Разумеется грузится.
По-твоему было бы лучше динамически прогружать новую картинку при нажатии на кнопочку? Зачем?
А вообще можешь менять src, например, и обмазать это все жиквери анимашками.
Ну блять, что значит зачем? Ну вот, допустим, есть у меня 40 слайдов, из которых пользователь посмотрит(читай кликнет), например, 2. Нахуя ему грузить остальные 38?
Подробнее про срц. Закомментить урл пикчи и потом по клику с помощью жс его раскомментить?
Сss должен быть один, не считая нормалайзов всяких.
Спасибо, а я и не знал, что боди можно класс задать, ни разу нигде не видел.
Насколько позволяют судить лично мои знания, такая логика делается запросами к серверу/АПИ. Пролистал десять картинок => request => then грузим следующие 10 картинок.
> закомментить
Лол нет. Мне трудно делать абстракции, но я вижу это так:
1. получаешь от сервера объект с урлами картинок, типовида { айди: срц картинки }
/ { 123414: 'https://smeshnye_kartinochki/smishnyavka2.jpg' }/
2. в пустой тэг <img/> при инициализации хуячишь нужный срц
3. по клику на кнопочку некст меняешь срц на срц следующего элемента в объекте
4. по клику "прев" наоборот
Но это хуита какая-то, как по мне. Не знаю, зачем я вообще это предложил. Я так делал, когда прикручивал всплывающий попап-слайдер к одному говносайту, куда попадали все картинки, отмеченные юзером.
Олсо без бэкенд апи это все нужно будет хардкодить ручками.
Сейчас пойду гуглить, как динамическую подгрузку можно чисто на сервере сделать (и можно ли), самому интересно стало.
ХАЛЯВА ПОДЪЕХАЛА, ФРОНТАНЫ!
Только придётся свою мобилку спалить. Наверно, потом будут спамить с продолжением обучения. Но халява того стоит! Это вам не несвежего Першина мусолить.
Ну-ка осмелейте, чтоб там весь чат двачевал пипетки.
>>693214
Вот тебе и бесплатная возможность приобщиться. Понять, что хуйня все эти чудо-курсы.
Там ещё скоро лекция по экстремальному программированию будет. Тоже бесплатная, за один день всё можно освоить. Стоит подписаться на их Твиттер, чтоб быть в курсе. ололо
Там уже >300 вчерашних грузчиков и завтрашних сеньёров записано. Обещают развёрнутую оценку каждого практического задания. Как они это делать будут? Просто всем слать шаблон «ты у мамы молодец, у тебя почти получилось»?
> экстремальному программированию
Это где джва часа поясняют, что такое переменная и функция?
Там есть другой курс "От нуля до первого макета", содержанием почти копия базового Академии. Но и просят за него 15 к. Если на торренты не завезут, то нафиг надо.
Да, ты один такой.
Вот реально, это ж какая-то пропасть. Сначала все просто, но как развиваться дальше? Мир топового фронтенда настолько большой и быстрый что хуй пойми с чего начинать в него вкатываться. Да и вообще способен ли я вкатиться в него тот еще вопрос. Почему нет некого среднего уровня не для совсем макак но и не для очень умных чуваков тратящих на it по 12-14 часов в день?
Я заметил, что ощущение темы от окружающего освещения зависит, меняю.
У меня тёмная комната, прямой солнечный свет вообще не попадает. Так что весь день сижу с тёмной темой, чтоб монитор не светил, как ебучий прожектор. Вечером, когда лампочки включаю, меняю на светлую тему, она чётче тогда выглядит.
Ещё от этого прикольное ощущение нескучности и новизны возникает, как когда мебель по комнате переставишь. Вроде всё старое, а какое-то свежее внезапно.
Сейчас у меня по плану начать замыкания и я чёт ссу. Наверно ОТЛОЖУ НА ЗАВТРА. Сегодня не марафонный день, посмотрю околохуйню всякую.
>>693885
Макака тыкает, пока не повезёт; человек понимает, что делает. Макака может отвёрткой гвозди забивать и будет результат. Человек понимает, что такое отвёртка и гвозди. Труд сделает из обезьяны человека.
Ты с Жиквери просто далляры везде шлёпаешь, потому что тебе нравятся далляры? Или смог бы сам написать кривое подобие такой библиотеки? Вот, когда сможешь (гипотетически), тогда и реактозоопарки для тебя пугающими перестанут быть.
Есть такая концепция, назовём её «Манятеория 10.000 часов чистого опыта»:
от 0ч — начинающий. Это стажёр в манямире ИТ.
от 1000ч (от 6 месяцев при обычном 170ч рабочем месяце) — любитель. Это Джун.
от 5000ч (2,5 года) — специалист. Миддл.
от 10000ч (5 лет) — профессионал. Сеньор.
Она кстати почти совпадает вот с этой >>682824 пикчей. И это не просиженные часы, а честно отработанные.
Сколько у тебя таких часов уже есть, сам себе честно ответь.
Красивые цифры, как и в любых таких лайфхак-высерах, взяты почти с потолка, но это я к чему. К тому, что ты должен где-то насобирать это количество полезных часов (как в РПГшке), без них никак не случится lvlup. Переход количественных изменений в качественные, вся хурма. Было бы здорово, если бы Танк загрузил в тебя программу управления реактозоопарком, но мы не в кино.
>Да и вообще способен ли я вкатиться в него тот еще вопрос.
Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы. Всё упирается только в то, куда каждый отведённые ему часы тратит. Возможно, тебе не повезёт стать гениальным светилом, но стать хорошим специалистом сможет любой адекват.
Так что пока шлёпай далляры, но с умом. И сам не заметишь, как придёт ясность. Сам потом будешь смеяться со своих менжеваний, знаешь же.
Можешь конечно тратить свои часы куда-то ещё и быть счастливой макакой. Но что-то по твоему посту не похоже, что так ты будешь в добрых с самим собой. У тебя просто отчаяние приключилось, пересиль его.
>с чего начинать
Я сейчас сам на Канторе сижу, с дивана вещаю. У меня пока план такой:
Начну с Ангуляра (после ванилы, ес6, жиквери). Он стабильно есть в вакансиях и вряд ли скоро пропадёт. Куча видосов-статеек имеется, всё уже разжёвано-пережёвано, никакого зоопарка. К новому году (ща опять набегут долбоёбы от «да это за неделю можно, ебать ты тупой» и до «надо все методы наизусть выучить, тебе и года не хватит») хочу закончить пет-проджект на MEAN.
https://github.com/angular-fullstack/generator-angular-fullstack
Это отличный уровень для джуна должен быть, если смогу с пониманием делать, а не хуяк-хуякать.
Потом хочу Полимер посмотреть. Кажется, я дико угорю по веб-компонентам. Когда БЭМ и Атомик ковырял, мечтал-фантазировал о такой штуке. Естественно, всё до меня уже придумали.
Ну а там уже и до реактозоопарка дело дойдёт. Я к нему вообще никаких тёплых чувств пока не испытывают. И в вакансиях нет ажиотажа, сопоставимого с местным хайпом. Обычно это просто «плюсом будет знание Ангуляр\Реакт». Отдельно Реакт для джуна не помню, чтоб встречал.
Где там мой психоаналяша. Иногда мне кажется, что луковые мухи внутри людей звенят зелёным ветром.
Сейчас у меня по плану начать замыкания и я чёт ссу. Наверно ОТЛОЖУ НА ЗАВТРА. Сегодня не марафонный день, посмотрю околохуйню всякую.
>>693885
Макака тыкает, пока не повезёт; человек понимает, что делает. Макака может отвёрткой гвозди забивать и будет результат. Человек понимает, что такое отвёртка и гвозди. Труд сделает из обезьяны человека.
Ты с Жиквери просто далляры везде шлёпаешь, потому что тебе нравятся далляры? Или смог бы сам написать кривое подобие такой библиотеки? Вот, когда сможешь (гипотетически), тогда и реактозоопарки для тебя пугающими перестанут быть.
Есть такая концепция, назовём её «Манятеория 10.000 часов чистого опыта»:
от 0ч — начинающий. Это стажёр в манямире ИТ.
от 1000ч (от 6 месяцев при обычном 170ч рабочем месяце) — любитель. Это Джун.
от 5000ч (2,5 года) — специалист. Миддл.
от 10000ч (5 лет) — профессионал. Сеньор.
Она кстати почти совпадает вот с этой >>682824 пикчей. И это не просиженные часы, а честно отработанные.
Сколько у тебя таких часов уже есть, сам себе честно ответь.
Красивые цифры, как и в любых таких лайфхак-высерах, взяты почти с потолка, но это я к чему. К тому, что ты должен где-то насобирать это количество полезных часов (как в РПГшке), без них никак не случится lvlup. Переход количественных изменений в качественные, вся хурма. Было бы здорово, если бы Танк загрузил в тебя программу управления реактозоопарком, но мы не в кино.
>Да и вообще способен ли я вкатиться в него тот еще вопрос.
Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы. Всё упирается только в то, куда каждый отведённые ему часы тратит. Возможно, тебе не повезёт стать гениальным светилом, но стать хорошим специалистом сможет любой адекват.
Так что пока шлёпай далляры, но с умом. И сам не заметишь, как придёт ясность. Сам потом будешь смеяться со своих менжеваний, знаешь же.
Можешь конечно тратить свои часы куда-то ещё и быть счастливой макакой. Но что-то по твоему посту не похоже, что так ты будешь в добрых с самим собой. У тебя просто отчаяние приключилось, пересиль его.
>с чего начинать
Я сейчас сам на Канторе сижу, с дивана вещаю. У меня пока план такой:
Начну с Ангуляра (после ванилы, ес6, жиквери). Он стабильно есть в вакансиях и вряд ли скоро пропадёт. Куча видосов-статеек имеется, всё уже разжёвано-пережёвано, никакого зоопарка. К новому году (ща опять набегут долбоёбы от «да это за неделю можно, ебать ты тупой» и до «надо все методы наизусть выучить, тебе и года не хватит») хочу закончить пет-проджект на MEAN.
https://github.com/angular-fullstack/generator-angular-fullstack
Это отличный уровень для джуна должен быть, если смогу с пониманием делать, а не хуяк-хуякать.
Потом хочу Полимер посмотреть. Кажется, я дико угорю по веб-компонентам. Когда БЭМ и Атомик ковырял, мечтал-фантазировал о такой штуке. Естественно, всё до меня уже придумали.
Ну а там уже и до реактозоопарка дело дойдёт. Я к нему вообще никаких тёплых чувств пока не испытывают. И в вакансиях нет ажиотажа, сопоставимого с местным хайпом. Обычно это просто «плюсом будет знание Ангуляр\Реакт». Отдельно Реакт для джуна не помню, чтоб встречал.
Где там мой психоаналяша. Иногда мне кажется, что луковые мухи внутри людей звенят зелёным ветром.
27 лвл, из Рашки. Закончил гуманитароту. Учился, а не корочку получал. Но в той сфере себя не нашёл. Хиккую с перерывами на поиски еды уже 5 лет.
Зимой наткнулся на завлекуху от Гикбрейнс. Попробовал бесплатное и охуел от того, как мне это нравится. С 27 июня ебашу марафон. Не без проблем, хикканские-уебанские привычки дают о себе знать.
>>693957
У тебя даже текста нет.
На все вопросы анону (и себе) я ответил. Какой ещё толк должен быть? «Ща я тебе в одном посте всё за весь зоопарк поясню»?
Просто скрой, не трать время. Я даже неймфажить начал, чтоб мою дрысню было проще прятать.
>Ты веришь в Бога, в Божественный дар? Вот и я нет. В пизду таланты. Все люди от рождения почти одинаковы.
Вообще присказка о том, что все люди от рождения одинаковы, пришла к нам из декларации независимости США, где было сказано, что бог создал всех одинаковыми, а следовательно равными, так что утверждать, что ты не веришь в бога и одновременно считаешь, что все рождаются одинаковыми - странно.
Если же ты знаком с теорией эволюции, то должен знать, что люди, как и все прочие существа, появились разными. И, собственно, сам человек появился благодаря изменчивости. Изменчивость предопределяет не только внешние различия, но и способности. Это отлично видно на спортсменах - если тебе не повезло с генами, то, как ни старайся, ты не пробежишь 100 метров быстрее Усейна Болта.
То же самое с программированием, если тебе не повезло, тебе предопределено всю жизнь быть средненьким программистом, при этом, чтобы оставаться на этом уровне, ты будешь яростно ботанить. А кто-то за это же время, с такими же усилиями, попадёт в топ и будет программировать ИИ и прочие нейронные сети, особо не напрягаясь, в лучших конторах мира.
Требуемое количество часов примерно в 2 раза меньше, однако надо учитывать, что люди работают не более 4-6 часов в день.
Про устроиться куда-то стажером или джуном лучше сразу забыть, стоит целиться в лоу-левел милдла.
Ангуляр странный выбор. На него, конечно, есть работа, но первый уже устарел, а второй особо не взлетает. Плюс ты учишь именно Ангуляр, а не JS. Реакт в этом плане получше. Хотя, если цель в максимизации прибыли, то можно и его.
А в чем пропасть? Берешь и учишь Реакт без задней мысли. По 12-14 часов в день никто не ебошит.
Да ты видел сколько ему лет? Тут еще вопрос кто скорей сдохнет: он или ангуляр.
Видел, и что? Что за дремучие стереотипы про возраст? Я устроился на первую работу программистом в 29 с годовым опытом, за полгода вырос в лучшего фронта в компании. Откуда вообще мнение, что кодеры это какие-то боги, которые ебошат 24/7 и говорят в бинарном коде? Обычные люди, иногда глупые, часто ленивые.
Мнение составленное из реальной жизни, а не с форумных постов вроде твоего. Что человек вообще делал 10 лет после окончания школы, сидел у мамки на шее и играл в игры? А потом мамка умерла и стало нечего есть и он решил стать программистом?
Сможет ли он конкурировать с людьми своего возраста у которых опыт в професии 10 лет?
Лол, а ты заебись конкурируешь с пацанами своего возраста, которые в олимпиадах по программированию с 5 лет участвуют?
Я делюсь личным опытом, алое. Ты пока поделился только вскукареками.
Десятилетний опыт во фронте это смешно. Что там релевантного, умение верстать закругленные уголки 9 картинками под шестого осла?
Реакту три года, Бабелю два, Редаксу год. Даже не знаю как конкурировать с теми, кто их еще в детском саду учил.
Таких мало, я их только в интернете встречаю на записях всяких семинаров типа holyjs и охуеваю с прошаренности и опыта этих людей.
Но таки повторюсь, таких гениев мало и пусть я не составлю им конкуренцию, но они уйдут в какой-нибудь яндекс работать, а все еще есть куча вакансий в не таких престижных компаниях.
А вот старпера без опыта на вакансию джуна имхо еще хр отсеет. Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22.
Так и пиши учить ES6, или ты из тех кто системный блок называет процессором?
Хотя чего я жду от престарелого аутиста лол.
Без замыканий в нашем веке в Рай не пускают.
>>694001
Про ВСЕ РАВНЫ согласен. Красивая левацкая чушь. Но я же не об этом.
>быстрее Усейна Болта
Ты предлагаешь тогда лечь и сдохнуть? Понятное дело, что олимпийски чемпион, он такой один на всю планету. Хотя и то не факт. Может быть сейчас на окраине Детройта нигер с магнитолой от копа бежит быстрее. Просто он на Олимпиаду не попал.
А вот стать разрядником по бегу под силу тебе, мне (даже старому), многим, у кого ноги есть. Те, кому с ногами вообще не повезло, просто бегать даже не начнут. Вот я о чём.
Если ты этим занимаешься, значит у тебе это уже получается, либо ты долбоёб-мазохист. В долбоёбов я не верю, их просо надолго не хватает. Ты же чего-то уже достиг.
Это всё блядский корзиночкин перфекционизм. «Не буду пока с Еотовой за ручку держаться. Страшно. Вот когда Анджелину Джоли смогу круто выебать, тогда да». Ничего не даёт, только жить мешает.
>>694002
>примерно в 2 раза меньше
Цифры с потолка же. На тысячном часу никакого чуда не произойдёт наверно.
>стоит целиться в лоу-левел милдла
Лоу-левел? Нет, я только директором пойду. Не для мелочной работы меня мамочка растила.
>первый уже устарел
Ага, как и Джава. В вакансиях постоянно встречается. Рыночку виднее, чем восторженным модникам-троллятам из /pr.
>ты учишь именно Ангуляр, а не JS
С дивана плохо представляю. Но слышал про такое и это единственное, что омрачает мой бесподобный план. Может быть даже всё переиграю из-за этого, когда время придёт. Но уж очень хорошим путём MEAN мне видится.
>>694085
>конкурировать с людьми своего возраста у которых опыт в професии 10 лет
Люди конкурируют не по возрасту, а по знаниям. Это означает, что человек занимает свою нишу согласно своему опыту, а не возрасту, т.е. если у него опыт 10 лет то он идет в сеньеры, и конкурирует с людьми с таким же опытом, не важно сколько им лет. Если опыта меньше - идет в мидлы/джуны и конкурирует уже там. И так далее.
>>694085
По-моему ты просто юный максималист, который ввиду своего возраста всех что старше на десять лет видит уже глубокими стариками. Нормальным людям будет совершенно поебать, что они старше своего начальника, но похоже ты воспринимаешь это как глубокое уязвление и обиду, что еще раз говорит что ты довольно молод.
Ну типо есть у меня 2 дива-блока и в каждом диве еще по 3 дива и надо чтобы по нажатию на 2 див в 1 блоке что-то срабатывало во 2 диве 2 блока, а не в 3, например.
У тебя по существу возражения есть? Личный опыт? Тебе 22 и ты сам принимаешь на работу людей? Или статистика есть какая-нибудь? Хоть что-то в подтверждение твоих слов.
>Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22
Ужас-то какой. Нельзя же чтобы начальник был младше тебя!
Лишь бы хуйней по страдать, а не делом заниматься.
Но я просто не понимаю что вы делали до этого что так поздно вкатываетесь в профессию.
> Рыночку виднее
Так сильно хочешь копаться в тысячах строк индусского говнокода, написанного до тебя?
>Лоу-левел? Нет, я только директором пойду. Не для мелочной работы меня мамочка растила.
Я серьезно. Лучше позиционировать себя как неопытного мидла, чем как джуна. На джунов вакансий крохи и там толпы людей со всяких курсов. Если ты владеешь Ангуляром и есть пара своих мелких проектов, то некоторый кредит доверия тебе дадут и мелочи можно доучить походу.
Почитай https://medium.com/russian/frontend-dev-хороший-плохой-злой-часть-2-плохой-путь-aa99f3ce376#.ch8w6eext
Там хорошо расписано то, о чем я говорю.
>Хотя ржачно если он таки устроется и будет в 30 лет подчиненным ребят которым по 22.
бггг
после 30 вообще перестаешь обращать внимания на возраст...
это только вчерашняя школота вроде тебя почему то надрачивает на различия в возрасте.
Важны дела а не года за спиной.
кстати ржать скорее всего будет 30лений над 22летним в процессе работы, потому что в 22 человек от недостатка жизненного опыта часто ведет себя как дурак:) особенно если начальник. Тем более если корзина..
И зачем так вот перечеркивать все свои достижения за 10 лет в другой области? Кризис среднего возраста?
>В пизду таланты. Все люди от рождения почти одинаковы
>Про ВСЕ РАВНЫ согласен.
Люди НЕ РАВНЫ.
Они не равны ни физически, не интеллектуально, не морально.
И эта разница многоступенчата, разные нации, разные географические условия, разный набор ген, и даже пир всем схожем генетическая лотерея может сделать двух братьев совершенно разными, и внешне и по талантам.
Главная ошибка демократии и вообще цивилизованных ценностей это попытки уравнять людей. Нельзя уравнять тех кто изначально не равен, даже у Кольта не получилось, ибо реакция, зрение, хитрость.. и тп.. тд..
>Ты предлагаешь тогда лечь и сдохнуть?
Я вёл к тому, что заниматься нужно тем, к чему есть предрасположенность. Если каждый успех в программировании нужно вымучивать из себя, то может стоит подумать о каком-то другом направлении или сфере.
Почему перечеркивать? Был UI/UX дизайнером, потом версталой, потом фронтом. Синергия, епт!
Но кто-то может просто захотеть сменить профессию по миллиону причин. Нелюбимая работа на которую запихали родители, внезапно проперло программирование, просто погоня за деньгами в конце концов.
Можно по старинке, через селекторы. Но вообще нужен объект с состоянием приложения и ряд функций, который бы позволял этим состоянием манипулировать и распространять его на подчиненные дивы. Можно написать самому, но обычно когда возникают такие задачи уже пора браться за Реакт.
Когда у компонента нет стейта и lifecycle-функций. Есть только функция render.
В это и проблема, с ванильным реактом все ясно и понятно, но вот я уже 2-й учебный проект пишу на редаксе и не понимаю, куда можно запиндюрить стейтлесс и нужно ли это вообще.
Скорее всего проблема в том что я тупой дебил проектики мелкие, максимум 10 компонентов, из которых половина коннектится к стору редакса.
А, не, это ебля и хардкодинг. Я думал там через this, а селекторы в хтмле как-то скрестить.
Спасибо, что ответил.
Суть джиквери в ебле и хардкодинге. Реально, переходи уже на что-нибудь нормальное. Джиквери не подходит для более-менее сложных интерфейсов.
суть жиквери в удобной манипуляции с DOM вафел, даже если я перейду на реакт для любой мало-мальски сложной хуйни мне придется к ref-ами с помощью jquery манипулировать
> реакт
> жиквери
Ты еще скажи, что аякс-заросы в реакте на жиквери делаются.
https://www.youtube.com/watch?v=sZlR99cvFd4
Если пытаться писать на реакте как на джиквери, то еще и не такое делать придется. Но лучше все-таки писать на реакте как на реакте. Тогда рефы используются крайне редко.
Аякс-запросы все белые люди уже сто лет как делают через fetch.
https://github.com/Khan/perseus/blob/62df9ce4b7f923841081799b9316a2274e446195/src/zoom.js#L57
обычно им не пользуются на фронте, но ИМХО лишних знаний не бывает, пробегись по какой нить книженции страниц на 200 чтоб по минимуму представлять что к чему и все хули
На чем основаны такие выводы? На одном прикладном модуле в огромном опенсорс проекте?
Ну молодец, моги дальше.
Лишним вряд ли будет, но без фанатизма. Вот тут можно ознакомиться пабыренькаму:
http://www.w3schools.com/sql/default.asp
Не надо до сеньора дрочить, блядь. Пару часов потратить, с синтаксисом и основными идеями разобраться. Чтоб не затупить, если вдруг где встретишь. И в резюме красивая строчка для хрюши пойдёт.
То же самое для PHP.
Полная ерунда, джиквери постепенно отползает в прошло. Что там такого есть, что обязательно прям в каждом проекте?
И лисп чтоб прокачать мышление?
Все популярные фреймворки включают в себя собственную реализацию работы с DOM, джиквери тут как пятое колесо. Что-нибудь еще?
и я еще про серверный рендеринг не упоминал, и "великолепные" изоморфные реакт приложения по факту являющиеся диким щитом
>востребованность у работодателей
Найди мне хоть одну вакансию программиста на джиквери с приличной зарплатой.
>отсутствие jsx
В чем проблема jsx?
>изоморфные реакт приложения по факту являющиеся диким щитом
Как работаю с таким. В чем проблема?
Интересует только переключение форм, если что.
В зависимости от состояния родительского компонента он показывает один из двух дочерних. Состояние может приходить откуда угодно — из роута, из редакс-стора, из собственного state компонента.
Читай https://facebook.github.io/react/docs/thinking-in-react.html
Ага, спасибо. Значит моя изначальная мысль (назначить какой-нибудь флаг в стэйте, нажатии на кнопочку запускать нужный экшн => редьюсер, менять флаг) была не такой уж и наркоманской.
Если что, это задание с апворка на 50 баксов, решил сделать для себя тренировки ради.
Ну да, редакс так и работает, лол.
В редакторе все ок, братишка. Я не понимаю, чего оно так на гитхаб льет.
Сделай отступы видимыми для начала. А то у тебя даже непонятно из чего они состоят. Мб там два таба.
В настройках один таб ставил.
Какая из этих контор наименее зашкварная, чтобы не пожалеть о потраченном времени?
> гикбрейнс
2006 год из 10. Редкостная хуета радует, что большая часть вчерашних-менеджеров-завтрашних-сеньоров идет именно к ним из-за агрессивной рекламы, все меньше конкуренции.
> goIT
Верстка - десять флоатов из десяти, растянутых на двадцать с хуем часов. Подробный пересказ кантора для даунов в курсе по JS. Можно глянуть, в принципе, если нет аллергии на тупых украинских овуляшек в чате.
> нетология
Маркетинг/10
По верстке что-то кроме кокодемии и после кокодемии смотреть смысла нет. По JS на ютабе куча годных видосов на английском, плюс кантор, плюс жс-ниндзя, что-то свыше - трата времени.
посмотрел в перемотке почти все русскоязычные говнокурсы под пивас
Проблема большинства курсов - преподаватели с дефектами речи. Если аниме озвучивают преимущественно картавые школьники, то курсы ведут писклявые, глотающие буквы, шипящие дегенераты с детскими голосками. Слушать такое невозможно. При этом, западные кусры, даже говнокодерские, ведут люди с нормальными поставленными голосами, при чём говорят так, что и ненейтиву понятно.
Сука не смей пиздеть на мою вайфу.
Я в печали.
https://www.strawpoll.me/11077654
Второй ангулар еще оооооочень нескоро займет место первого.
Объясните на пальцах. А какие ест ьеще подходы/технологии?
Там вода одна, нихуя не понятно.
Задумался о таком вопросе. Какое приложение запилить с использованием Angular или React, чтобы и потенциальному работодателю свой скилл продемонстрировать, но и не влезть в бэк и бд? Кто какие велосипеды пилил для тренировки, признавайтесь.
Не угадал.
Правильно говорят, только не питон нужно а жаваскрипт, да. Практически единственный язык для веба сейчас.
Не надо его ни с чем совмещать. Единственный язык на фронте — JS. По сложности особенных различий между С-подобными языками нет.
ЧЕ за курс?
Продажник-кун
Отчитайся потом как прошло.
Вот все работу ищут при первой возможности, а я сначала такой "ну освою js - пойду искать работу", потом "ну осилю реакт - пойду искать работу", "ну сделаю что-нибудь на редаксе - пойду искать работу", "ну покопаюсь в экспрессе - пойду искать работу".
Сейчас сижу и надрачиваю D3.
Не самый плохой подход.
Последовательность чисел Фибоначчи имеет формулу 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 минут, причем работает даже с отрицательными числами. и решение помоему даже лучше чем в ответе.
до этого либо вообще не мог сделать задания, либо говнокодил жутко
Я бы также делал, но меня сегодня почти поперли с работы, вот и обзвонил сегодня местные студии.
Общался с секретарем в студии из 5 человек и верстающем директоре, лол.
Но ведь js это не программирование алгоритмов, это знание кучи методов, бест практик, библиотек, инструментов, воркэроундов, паттернов и все такое.
А ты занимаешься херней вместо заучивания спека.
Удваиваю. Я такие ебанутые задачи на математику сразу скипаю. Нужно учить само устройство языка, а функцию на сраные фибоначчи можно и в интернете найти готовую.
https://www.youtube.com/watch?v=f4uXBpP_xxY
Это же бородач из кокодемии, он там пару уроков жабаскрипта дает в базовом/продвинутом по верстке. И вроде это он к нам пару раз вкатывался.
Ну Леха доходчиво поясняет за JS, мне показалось, а вот при прослушивании Коляна Громова мне хотелось отпиздить пару раз, как минимум.
Типичная сходочка фронтендеров.
да чё то лениво
Ну нахуй эти большие проекты, сейчас верстаю ебучую соцсеть там сука 100 макетов, заебало уже. И ладно бы макеты были нормальные, так сука дизайнер мудачок тот еще.
>100 макетов
мать моя женщина роди меня обратно.
С какой периодичностью тебя посещает мысль о суициде ?
Восхищаюсь (серьезно) людьми которые толком не разобравшись в инструменте не испытывают никакого дискомфорта и просто херячат (касается всего, и тех, кто на бутстрапчике сайтики клепает при этом засыпаясь на простых вопросах по верстке, и тех, кто не зная нормально ванилу херячат на jq, и теми кто вообще без понимания пыхи на вордпрессе фигарят и т.д. и т.п.).
У меня же так не выходит - внутреннее неприятное ощущение не дает покоя :( Зато когда разбираешься и наступает этот "ага!"-момент прозрения, испытываешь чувство глубочайшего удовольствия, хах)
выговорился, можно дальше идти
Ну да, на очереди
>>697016
>>697037
почти год (без нескольких дней)
Как тот чувак, который выше писал что постоянно оттягивает с работой, так и у меня думал что устроюсь версталой, но потом засел за js, потом поковырял jq, lodash, читнул немного про функциональное программирование, потом за ноду + экспресс и немного ковырнул koa2, теперь вот реакт + ридакс надо думаю освоить, более-менее портфолио сделать и точно буду устраиваться))
Анон, я решил вкатиться.
Мимо верстал сайтики с 14 лет для себя и знакомых, но никогда серьезно этим не занимался
Аутист 20 лвл
В макете эта херня идет одной картинкой, и это самый простой способ.
Либо каждый треугольник отдельно.
Если время и решительность есть, можешь задрочить SVG и левелапнуться:
http://www.w3schools.com/svg/svg_polygon.asp
Или захуяк-хуякать PNGшкой.
Или заговнокодить четырьмя элементами с бордерами или градиентами.
> Айрапетян, сооснователь, генеральный директор GeekBrains.
Всегда знал, что армяне - хитрожопые ублюдки.
Как сверстать верхнее меню на флексах так что бы флажок был по центру?
В HTML флажок не входит в main-nav, так как main-nav прячется.
Ну как-то так, например. Это старый говнокод, так что сильно не обольщайся, но общую идею уловить можно.
http://codepen.io/anon/pen/xOvgpm
Html, CSS, PostCSS, Webpack, Javascript, Nodejs, Express, MongoDB, React, Sails, Bash, Docker.
Что еще надо добавить в список для успешного вкатывания во фронтэнд? У меня 9 месяцев на обучение, по 6-10 часов в день.
>У меня 9 месяцев на обучение, по 6-10 часов в день.
>Html, CSS, Javascript
На этом и закончим.
У тебя какая-то каша в голове. Ты уж или во фронтенд или в бэкенд, фуллстэком за 9 месяцев домашнего задротства стать невозможно. Т.е. можно, конечно, но это будет что-то уровня битрикс-погроммиста.
Смотри, вникай, решай:
https://www.youtube.com/watch?v=sBzRwzY7G-k
Убрать sails, добавить flux/redux
еще (хоть postCSS может и заменить) глянуть что-нибудь из less/sass/stylus.
Gulp, yeoman
lodash/ramda
хоть и не привествую но глянуть глазком jq, bootstrap
Ну и тесты (mocha, chai, jasmine)
Хватит, только про порфолио не забудь потом)
на счет вложишься или нет - хз, удачи. В шапке начальные материалы (академия) есть
Я bash изучил частично уже и html/css основы. Сейчас вот буду проходить html академию для закрепления.
Есть мнение, что в ноду вкатиться проще, я с ним в целом согласен вот только работы для чистого ноде-девелопера тонет.
Gulp - таск менеджер. Вебпак - сборщик. Труе-хипсторы используют их совместно. Впрочем, когда у тебя будет с десяток скриптов, ты сам захочешь обмазаться галпом, базарю.
Ну, учи JS, потом пили проекты на Реакте. Как напилишь что-нибудь приличное, можешь работу искать.
Так я и смотрел. Везде идет что-то типа:
> Node.js, PostgreSQL, Redis, хуета_нейм
> Участие в разработке фронтенда корпоративной хуиты на AngularJS/Ember/фреймворк_нейм
> Дополнительным плюсом будет знание ReactJS
> Знание С#/ЯП_нейм
Покажи мне вакансию чистого нодевелопера, где требуется опыт не более года.
> необходимости
Это просто удобно, причем здесь необходимость.
про npm-скрипты тебе кинули уже. Юзкейс gulp+webpack у того же Кантора в последнем видео скринкаста можешь глянуть
Посмотрел. Использование инструмента совершенно не по незначению, паршиво масштабируется, консольные команды разные в разных ОС. И, конечно, хуй тебе, а не инкрементарная сборка вебпака или потоки галпа. Какой-то хуевый шаг назад, к мейкфайлам. Можете сами почитать комменты к оригиналу статьи.
>>697501
>Покажи мне вакансию чистого нодевелопера, где требуется опыт не более года.
А кто говорил про «менее года»? Нода не для сосунков, нужно хорошо понимать продвинутые функции языка (промисы, генераторы), быть богом асинхронности, шарить в ДБ, безопасности и смотреть за затрами ресурсов.
>>697502
Честно говоря, у меня нет особого желания смотреть получасовое видео. Про то, нахуя это нужно, в первые две минуты ничего не сказано.
Какой самый адекватный способ выровнять текст по центру, по вертикали? Про способы я в курсе, чем вы конкретно пользуетесь в большинстве случаев?
flexbox
Если больше одной строки текст пидарасит
Как начал проект, были постоянно, сейчас потихоньку заканчиваю, да и зато работа всегда есть и за этот проект неплохо платят.
BSD
О, продвигатель Эмбера)
Можно не забивать, флексы рулят.
>>698035
Все еще под IE 9 верстаешь? Поинтересуйся хотя бы какой процент посетителей на нем сидит.
99% фирм с бухгалтерией, заводы, пароходы, которые в основном и выступают заказчиками
На многих стационарах там до сих пор хр стоит.
>>698037
>а для 0% петухов я верстать не собираюсь
я смотрю ты профессионал, ещё и выбирать можешь для кого верстать, а для кого нет, мне бы так жить.
Хуево тебе, что тут скажешь.
>я смотрю ты профессионал, ещё и выбирать можешь для кого верстать, а для кого нет, мне бы так жить.
Одна из причин по которой я не пошел работать в R&D Сбертеха — IE8 в качестве корпоративного стандарта. И даже они постепенно перетягиваются на IE11.
Если адекватно используешь флексы, то контент будет доступен в любом браузере. То, что сетка поехала, это не твоя проблема, а проблема того инструмента, который выбирает потребитель. У него и без рухнувшей сетки хватает проблем в жизни.
>>697956
Чисто через флексы ты нормально не вникнешь в блочную модель. Просветлиться по ней можно только через флотанутую боль.
А так конечно да, не стоит использовать свойства для того, для чего они семантически не предназначены. Это костыли, стыд, позор.
Inline-block'и это не что-то плохое. Вполне нормально, когда элементы идут в строку, но у каждого есть своя высота. А вот обтекание текстом для сеток — очевидный ебонутый костыль. Меня пугает, что для того, чтобы изобрести свойства раскладки, потребовалось больше четверти века. Grid, напомню, до сих пор ещё в разработке.
>То, что сетка поехала, это не твоя проблема
точно, завтра так начальству и скажу, давно мечтал кассиром пойти работать
Нельзя было сразу в современную студию пойти чтобы не сидеть на флоатах? Ты так в вечной стагнации будешь.
У меня в городе одна студия. И переезжать я не хочу, у меня тут семья, друзья, квартира. И флоты это далеко не самая большая проблема в жизни.
Костыли это ТРУДОЗАТРАТЫ. Конечно, ты, как хороший специалист по программированию на CSS, можешь реализовать всё и на костылях. Но это увеличит ЧЕЛОВЕКОЧАСЫ, потраченные на 5% потребителей. Если для заказчика это эффективные расходы, то пусть будет так.
Но проблемо, амиго.
Заказчик приходит и говорит, что хочет, а так же на чём это будет использовать, конец. Мы уже делаю выводы как верстать под это, мы не можем сказать ему "поменяйте на вашем предприятии оси на всех компах или браузеры". И как правило заказчик вообще не ебёт, что такое флоты флексы и верстка в целом.
Заказчик приходит, а ты назначаешь ему вменяему цену.
Седлаем хоть под IE 1, только стоит это будет... Можем сделать и намного дешевле, только удосужтесь там у себя кнопочку «обновить» нажать. Это выгоднее будет.
Можем удовлетворить ещё 5% пользователей. Только стоит это будет в два раза больше. Вам это выгодно?
В чём, блядь, проблема? Для любого нормального дельца «удвоение» расходов ради 5%(которые таки контент не теряют, просто он не такой красивый) — это пиздец.
Просто видимо трабла в том, что боятся, что заказчик уйдет в другое место где гребцы сидят и грбут за дошик и делать будут все что прикажут
мимо
Ты значишь ровно столько, сколько тебе платят.
Готов «за дошик» на флоатах поехать? Ебашь, не плачь. Иначе проиграешь в гонке. Но тогда лучше наверно охранником в Пятёрочку пойти работать. Денег больше, головняков меньше.
Ерунда полная. Не обязательно жрать говно, чтобы получать нормальные деньги.
Хуевее всего работать как раз в говноконторах, которые бояться слово поперек сказать заказчику и конкрурировать могут исключительно низкой ценой. Отношение к работникам и зарплаты там соответствующие.
Качество мне надо. Это сайт олимпиады, блядь, пусть картинки будут качественные, сука, а не пережатые png. А еще я хочу, чтобы с мобилки и ретины картинки выглядели одинаково хорошо.
PNG сжимает картинки без потерь, аутист. И сделать удвоенное разрешение для ретины тоже ничего не мешает.
Наставник завалил бы за такое?
http://store.storeimages.cdn-apple.com/4662/as-images.apple.com/is/image/AppleInc/aos/published/images/b/ts/bts/promo/bts-promo-edu-header-201605_GEO_RU?wid=750&hei=132&fmt=png-alpha&qlt=95&.v=1465813814652
.nim-dialog--unread + .nim-dialog--text-preview {
background-color: red !important;
}
но почему-то не пашет, в чем причина то?
http://ebanoe.it/2016/08/29/sailors-parable/
https://github.com/kizu/bemto
только https://github.com/kizu/bemto#settings не работает почему то хочу двойное тире для модификаторов, есть у кого пример на гитхабе с рабочей настройкой ?
хз я кроме него никаких не пробовал, но мне нравится indent-oriented syntax полтора года назад в связке с coffeeScript и sass/stylus было заебись
И сколько же? Я так понял ничего сложного кроме как пиздецовой усидчивости сложного нет? Какие скилы нужны для таких заданий? Просто только вкатываюсь и и у меня есть 1.5 месяца что бы начать зарабатывать потом меня выкинут из хаты, родители заебались меня кормить.
чем больше тем лучше
желательно все свободное время
если его меньше чем 50 часов/неделя то лучше и не начинать ИМХО
Спасибо, попробую. Насколько я понял, надо в начале каждого pug файла прописывать настройку, если она не дефолтная. Наверно можно охуеть и ворваться прямо в lib/settings.jade и там прописать свои дефолтные настройки.
Посмотрел несколько гайдов по настройке галпа, решил пока использовать только sass to css. Вываливает в консоль дохуя ошибок при попытке сохранить scss.
Самая первая: sass is not a function.
Гляньте галпфайл.
https://jsfiddle.net/a76o6o23/
про require('gulp-sass') тебе верно написали, его надо ставить. определиться, с расширением. можно с нпм страницы gulp-sass взять таск, там как раз под твои нужды.
Спасибо, уже разобрался. gulp-sass проигнорировал установку несколько раз. Когда поставился, все заработало. И, да, gulp-sass в переменной должно быть.
Я написал require('sass'), когда в node_modules не нашел gulp-sass, там просто был sass. Перечитал доки и запустил установку заново.
:DDDDDDD спасибо, но почему тогда бутстрап работает? МАГИЯ?
у меня в голове фотошоп
ссылку
два чаю, у самого gtx770+i7, два дня назад поставил Линукс шо бы наконец стать прохрамистом
http://courses.prometheus.org.ua/courses/Prometheus/CS50/2016_T1/courseware/8050b2e2d6a2437ea172a8b0662f7303/
https://freelansim.ru/tasks/153469
Хз. Написано, что макеты из скетча (а у среднего версталы мака нет, лол, так что надо хотя бы иметь знакомого, который портанет это в авокод, ну или дезигнера пресануть).
Я не разу не оплачивал ничего через интернет, планирую создать кошелек на вебмани и через него платить.
Но у меня же гривны а на академии рубли, там автоконвертация идет или как, и по какому курсу тогда?
На сайте вебмани я перерыл все носом и не могу найти эту инфу.
Вебмани можно перевести с одной валюты в другую внутри самой вебмани или на сторонних обмениках (там курс лучше).
Но академия вроде не принимаетвебмани.
> Но академия вроде не принимаетвебмани
Ну, если я все правильно понял, то принемает.
Только тут в WMR - это рубли, а у меня кошелек в WMU - гривны. Но ты говоришь, что конвертировать можно в самой системе. Думаю проблем не возникнет тогда.
Хз короче.
Cудя по ТЗ неделя минимум.
Тебе надо будет создать еще и вмр кошелек на аккаунте насколько знаю.
Для этого придется выслать путину скан паспорта.
Так что сам думай, стоит ли обучение в академии этого.
>Короче написал в поддержку WebMoney
Ты ебанутый?
Что сложного в алгоритме
-создай вмр кошелек
-поменяй деньги в соответствующей вкладке не помню уже как называется
> в соответствующей вкладке
В какой?
Не вижу такой вкладки или чего то подобного. По крайней мере пока я счет не пополнил, может она потом появится.
глупые вопросы, но у меня нет карты и я ничего не оплачивал через нинернет, я не знаю
Т.е. там автконвертация идет в валюту станы получателя? По курсу или моего банка или банка где счет получателя?
Спасибо.
Закажу сейчас по интернету тогда карту Приват Банка нашего.
>Т.е. там автконвертация идет в валюту станы получателя?
Да.
>По курсу или моего банка или банка где счет получателя?
Вот хз. Твоего скорее всего.
Еще раз спасибо. Единственный человек, который нормально все объяснил.
Добра тебе и успехов в Карьере!
Говнище блядь.
Или сделать свой спрайт для каждого разрешения?
Есть еще svgstore. Вот только спрайт будет работать пока у тебя сервак запущен, на статике свг спрайт не отображается, так что согласен, говнище полное, тоже все нервы выебало
Бесят такие неблагодырные хмыри.
Кантор сделал бесплатный годный учебник, и тут какое-то нонейм хуйло вкатывается и обзывает его ебучим, хотя само же попользовалось.
Нахуй путешествуй, под словом ебучий, я подразумевал то, что мне он очень тяжело зашел. Его оскорблять не хотел.
Если только на должность джиквери-слесаря. Если ты претендуешь на место фронтенд-разработчика, то лучше пару простых аппов на Реакте все-таки.
Спасибо.
Не обязательно.
>>700962
Сорян аноны, отменяю свой вопрос. Надо не выебываться, а продвинутый по-порядку смотреть.
какой ответ то?
Уже традиция.
лол, я щас пытаюсь написать. не знаю, что делать, когда получил числа и знаки. они же в виде строк, как блять сделать, чтоб работали мат.операции. В массив пытался писать и по отдельности хуячить, хз кароч))
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/parseInt
Дальше сам. Я бы сделал отдельный стейт, куда записывается вся промежуточная инфа (первое число, мат.операция, второе число).
Потому я и посоветовал кулькулятор. Если правильно его написать, то освоишь вообще все. И ооп/прототипы, и работу с данными, и множественные обработчики на кнопочки и самостоятельную работу со стейтом без этих ваших реактов-редаксов.
https://www.youtube.com/watch?v=g8Yoz9Nh21k
С числами у меня не возникло проблем, у меня с мат. операциями незнание куда ткнуться, чтоб они работали.
После спойлера стало немного страшно, что за ебала меня там ждет и кто бы еще сказал, правильно я пишу или нет.
А eval() можно использовать или это чит?
> eval
Строго нахуй.
> страшно
Хуйня все это, гугл, стэковерфлоу и тред (частично этот, частично js в /pr) помогут решить 100% всех проблем.
А код можешь сюда скидывать, например, я погляжу (правда я далеко не йоба-жаваскриптизер).
Ну и да, ты же не думаешь, что за час-два напишешь рабочий код? Уделишь пару-тройку дней и все будет збс.
http://kr.itstep.org/
Эти аутисты уже звонят мне пару лет, чтобы я заплатил за обучение, когда я не то, что там не учился, а даже в душе не ебу, откуда у них мой номер
Попахивает наебом.
http://success.itstep.org/software/tatyana-lebedenko/
там вопрос про портфолио, в нем 2 сайта не работают, последний не факт, что ее
Да, по названию сайта, последний скорее-всего не ее.
В HelenDiana даже спрайты не сделаны - мелоч так вставлена. Больше 100 запросов нахер. И кстати из-за того что нет спрайтов после первой загрузки иконки мигают при наведении. Page speed insights тоже недоволен.
Чем можно там именно гордиться как написано в интервью я хз.
>>701278
Да, так же замечу, что есть знакомый оттуда по специализации бэкэнда, вроде был доволен, но им пока что рассказывают там всякие штуки из фронта (месяцев 5 наверное из всей годовой программы), про верстку говорили, про препроцессоры, немного js, jq - писали плагинчики и всякие свистоперделки небольшие. Но это по его словам, насколько качественно это было я лично сказать не могу, ибо с ним не дискутировали
Видел вакансию в Днепре, в которой было указано: "Выпускников академии шаг просьба не беспокоить"
> "Выпускников академии шаг просьба не беспокоить"
Хорошо что пока нет "Выпускников htmlacademy просьба не беспокоить"
А то я только начал, после завтра оплачу курсы как раз.
>после завтра оплачу курсы как раз.
Зачем? Сразу начни интенсив, сразу все поймешь, без всяких заебов.
Ну эт не проблема - можно просто вообще не сообщать какие курсы ты там проходил. Самообразовывался, да и все. Другое дело если навыков нет или есть, но гавно - тогда да, печально.
> Зачем?
Хочу пройти все закрытое, я пока только первый урок прошел. + хочу деньгами отблагодарить людей за работу, сделано то хорошо, да и стоит хуйню. 120 гривен месяц, думаю мне месяца, максимум двух хватит.
Делаю все по шапке же, сперва академию пройду, потом смотреть буду базовый интенсив, потом продвинутый и верстать, пока из смотрю все что там говорят. Все по шапке треда.
Как по мне - трата времени. Начинал сразу с интесива, когда начали покзывать барбершоп, все сразу стало ясно.
Ну может ты до этого что то знал, читал.
Я полный ноль в этом и моя профессия никак не связана с версткой. Я врач. Мне норм этот курс.
Ничего не знал, моя профессия вообще металлургия.
Я пытался смотреть другой курс, какой-то бабы, там было 10 коротких видео, после этого я попытался верстануть макет, чуть что-то сделал и начал смотреть интенсив. И когда дошли до показа барбершопа, я прозрел, от того какую хуйню пытался делать в том первом макете
"Теория продвинутых курсов HTMLacademy" а это нужно? Или просто пройти "базовый но посвежее, за 2016 год:" а потом "Продвинутый интенсив за 2015 год"???
Палю оптимальный imho план:
Бесплатные курсы академии под пивас выебистые испытания сразу нахуй, базовый интенсив => продвинутый интенсив на х2 => верстка одного макета со всеми выебонами => кантор + js garden + рандомная хуйня (сойдут любые релейтед видосы с ютаба, типа 'writing todo with vanilla js') => пишем собственный рабочий хэллоуворлд на ванилле => день на копание в жиквери => основы ноды (уметь поднять собственный "сервер" в 10 строчек который хостит статик страничку со всеми ресурсами) => работа с бэкендом/апи, REST, CRUD => реакт/ангулар => редакс (mobx опционально) => (эмбер/extjs) +100 к репутации у работодателя, опционально => всякая продвинутая хуита, relay, graphql, можно зацепить что-нибудь уровня Д3, в общем, все дороги открыты, как говорится.
Месяц дрочить курсы, где вам будут на пальцах показывать, чем section отличается от article это как-то глупо, ящитаю.
Спасибо конечно, но я не понял:
> => кантор
Я понимаю, что люди все разный, но так на вскидку, сколько времени уйдет на то что ты написал?
> кантор
learn.javascript.ru же
На верстку я бы выделил полтора-два месяца максимум.
Дальше не могу сказать, все индивидуально. Я до реакт+редакса дополз за 3 месяца, попутно зацепив немного ноду и поколупавшись в первом ангуларе, но у меня есть небольшой опыт быдлокодинга на других ЯП, поэтому мне было довольно легко разобраться в основах самого жаваскрипта которые у многих ньюфагов вызывают когнитивный диссонанс.
А дальше все идет очень легко и приятно, особенно реакт.
>js garden
после Кантора лишний вообще - прочитал, считаю что зря, ибо ничего нового. Хорошо, хоть маленький по объему
Там читать по времени то час-два максимум. Неплохое подытоживание информации, как минимум.
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
В итоге получаю на моем не ретина дисплее, просто картинку размытую из-за увеличения ее размеров. Так и должно быть? У ретины норм будет отображаться? Проверить устройства нет.
Смотря какой степени ебанутости заказчик. Слыхал, что есть упоротые, которые линейкой меряют...
<a><h4>Hi</h4></a>
<h4><a>Hi</a></h4>
<h4> это блок заголовка, <a> это кусок строки. Естественно, строка внутри блока, второй вариант. Это из теории.
А из практики, представь, что тебе потом придётся добавить в заголовок что-то, что не будет ссылкой.
<h4><a>Hi</a> all <em>borschehljoubs</em>!</h4>
Только так.
ну srcset + picture если надо
Подключил как
npm install --save-dev autoprefixer
Выбивает ошибку пикрелейтед
Вопрос снят, я долбоеб
Да, я знаю про свг-стор. Мне просто больно этот метод приглянулся, думал замутить, шоб по красоте было, а тут эта ебола с обжектом.
Так вообще-то предупреждают, что это стиль жизни такой у разработчика постоянно изучать чет новое, ну и желательно быстро схватывать принципы. Когда будет хороший фундамент, то это будет не так и сложно.
Не нравится подход такой, боишься что не справишься или еще че - выбирай другую профессию. А не как некоторые услышат пиар отрасли и ломятся за баблом или еще чем, а потом жалуются, что мол сложна или тут быстро все меняется, надо учиться постоянно и т.д.
Если ты нормальный синьйор то вряд ли ты будешь джуном, так как у тебя есть опыт и ты уже понабивал кучу шишек, что тебя все-равно будет выделять на фоне совсем профанов. Разве что ты кардинально специализацию сменишь. Писал фронт, а потом решил перекатиться в разработку микроконтроллеров к примеру.
Ну и конечно еще и от направления зависит, если ты в энтерпрайзе каком-нибудь там все помедленнее происходит (по крайней мере из того что слышно)
Сколько лет опыта у тебя? Знаю пацика 23 лвл, он с нуля за 4 года добился того что уже катается по европкам и фрилансит, не скажу что он прям гений какой-то, в игори каждый день играет, хз когда у него получается учить что-то новое, фрилансить и ходить в спортзал.
А долгожители, это сколько?
Такое отчаяние вечной отсталости возникает из-за агрессивного хайпа модников-выёбщиков. Всем же хочется быть модными, быть старьём никому не хочется. Получаются две классические проблемы: «мне нечего надеть» и «где взять для шмоток шкаф побольше». Мода, конечно, двигатель прогресса. Но главное — в ней не захлебнуться. Надо быть в добрых с сами собой.
Основным языкам уже больше 20 лет и конца не видно.
«Новый» мозилловский язык Rust появился в 2010 году. И сейчас они гордятся, что скоро первый кусочек на нём в продакшн пустят.
Что касается отдельных приблуд, то тут выше по тредику у нас был срач про «можно ли использовать flex». А этому свойству в нынешнем его виде уже больше пяти лет. Пять, сука, лет; ты представляешь, как это много в конкретной человеческой жизни? Но некоторые, внезапно, сейчас кичатся тем, что смело используют «новое» свойство и больше не будут кататься на флоатах.
На острие хайп-атаки у нас же всякие жс-библиотечки-фреймворки. И каждый из них стандарт индустрии, лекарство от всех болезней, будущее сейчас, кто, если не он, и всякое-всякое.
Самому интересно стало, полез посмотреть:
Жиквери 10 лет.
Ангуляру 7 лет.
Реакту 3 года.
Полимеру 1,5 года.
Ноде 7 лет, к слову.
Если это всё соотнести, то можно вывести среднее по больнице. Где-то раз в три года появляется что-то значимое. И где-то пять лет требуется каждому, чтоб вырасти во что-то вменяемое. Нихуёвенькие такие сроки. Даже если пашешь, можно найти время и разобраться на досуге.
Кстати, соотношу это со своим опытом в игорях. Стараюсь не проникаться игрой, пока не выйдет жирный легендари эдишон. Как раз 3-5 лет проходит. Скурим, например, только недавно с кучей модов и дополнений перестал быть похожим на бета-тестинг говно-аркады.
Лучший тот - который тебе удобен и выполняет свою задачу.
А вообще можешь browser-sync попробовать
Вчера позвонил мужик, мы с ним поболтали, он описал задачу - ну типа шоб норм смотрелось))0)
Я буквально за часик накинул бесплатную тему, создал пару страниц и отдал ему, щас вот получил деньги, 4к) Считай за час работы без вашего прохрамирования. Собственна вопрос, как мне блеадб при таком раскладе заставить себе трахать мозги с этими вашими тегами, силиктурами итд? Это поздос ребят, полная демотивация..
Что умею: 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, вот это тоже всё знаю и разбираюсь.
Тащемта, вопрос к опытным и работающим: верен ли мой план, всё ли хорошо? Что, помимо того что перечислил, требуют от джуна на собеседовании?
И, да, что по зарплатам? Можно ли найти работу в Спб/Новосибирске не за гроши в этой сфере?
Очень просто — посчитать сколько выходит не за час, а за месяц.
План говно. Джиквери и нокуат устарели — учи реакт и вебпак. Про бэкенд-часть забудь, это не забота фронта. Верстать 10 макетов не надо, лучше напиши один приличный CRUD на актуальном стеке.
И еще кое-что.
>Что, помимо того что перечислил, требуют от джуна на собеседовании?
Лучше сказу на мидла целься, вакансий джунов мало.
>И, да, что по зарплатам?
50-200к в ДС. Посмотри на hh, не маленький.
>Можно ли найти работу в Спб/Новосибирске не за гроши в этой сфере?
Да.
Да нет такой профессии, лол. На западе верстает или дизайнер или фронт.
https://2ch.hk/wrk/res/702628.html (М)
https://2ch.hk/wrk/res/702628.html (М)
Вот зачем ты напомнил? И так везде этот хайп. Невозможно на учебе сконцентрироваться.
я паузу взял на недельку, щас наиграюсь и потом уже со спокойной душой опять учить
p.s. аддон прооооосто пушшка
Юзай Koala, просто удобно, компилит при сохранении
Что блять за реклама говняцкого коммерческого сайта? Курсы я ебал дорогие.
> http://htmlacademy.ru/ - ультрагоднота
Что блять за реклама говняцкого коммерческого сайта? Курсы я ебал дорогие.
- настраиваемый слайдер на js, можно взять готовый.
- реализовать бд гостей, которые могут оставлять комментарии к статьям, подключение к бд посредством php-скрипта, +форма регистрации, вот это все.
- реализовать вывод данных статей содержимого сайта из бд тоже посредством php
Главное, чтобы были реализованы несколько php-скриптов, несколько таблиц бд и жабоскрипт. Желательно опять-таки без бутстрапов и прочих фреймворков. Jquery норм.
Все скрипты можно скопипиздить откуда угодно, главное, чтобы все было построчно прокомментировано и работало. Оформление простенькое минималистичное, наполнение lorem ipsum или что угодно вообще.
Мыло для связи - anonnAj24chANUSinbJ,ZoxPUNCTUMrZ1au пишите, что из воркача
половина бесплатна
другая половина 300р/месяц
300р/месяц дорогие?
сами интенсивы доступны на торренте.
300р блять, да обедаю на работе за столько частенько
Это копия, сохраненная 5 октября 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.