Веб разработка
1690
45
Incro сказал(а):↑Чтобы запоминать прочитанное, нужно применять это на практике. Прочитал главу про переменные и вывод - сделал штук 5 разных приложений с разными переменными, их конкатенцией, заменой вывода, несколько строк, сделал символьную графику через вывод. Прочитал главу по циклам - пошел погуглил задачки на циклы и попробовал написал их. Прочитал главу про массивы - пошёл и сделал программу с массивом данных и работой с ними. Каждые несколько глав делаешь средний по размерам проект с применением всего что только можно.
Нажмите, чтобы раскрыть...нет, это все не так работает.
я ниразу не делал как ты написал. никаких задачек про массивы и прочего бреда.
и книжки не читал.
мой путь можно сказать сразу начался с проектов, сначала на себя потом коммерческие. помню свой первый сайт за 10 баксов.
берешь задание/придумываешь сам себе задачу -> не знаешь как сделать -> идешь в гугл и читаешь как это сделать -> делаешь.
таким способом я и "учился". так намного легче понять как работают всякие эти переменные, массивы, функции, циклы и т.д, когда ты не просто по книжке задачу выполняешь, а когда конкретно где то ее сразу используешь в проекте. ты понимаешь как и зачем это нужно, понимаешь что будет если сделать ошибку.
а все эти задачи из книг напоминают мне школу, когда 11 лет тебя пичкают домашними заданиями, а в жизни тебе дай бог ну 3-4% от этого всего пригодится, и то если вспомнишь.
тем более если даже что то забуду, или не буду знать - опять же гугл выручит. разработчики щас без гугла никуда.
Podpivasik сказал(а):↑так намного легче понять как работают всякие эти переменные, массивы, функции, циклы и т.д, когда ты не просто по книжке задачу выполняешь, а когда конкретно где то ее сразу используешь в проекте. ты понимаешь как и зачем это нужно, понимаешь что будет если сделать ошибку.
Нажмите, чтобы раскрыть...Индусы тоже так обычно делают. Не зная языка берут проект и пилят, на ходу разберутся, заказчику ведь все равно наплевать что там в коде. А ты потом берешь заказ на доделывание / улучшение и сидишь просто разбираешься во всем этом говне, через строчку пробивая лицо ладонью, не понимая зачем человеку в коде переменные которые он не использует, функции которые ничего не делают, функции которые два раза делают одно и то же и просто функции которые в 4 раза длиннее чем могли бы быть.
Incro сказал(а):↑Индусы тоже так обычно делают. Не зная языка берут проект и пилят, на ходу разберутся, заказчику ведь все равно наплевать что там в коде. А ты потом берешь заказ на доделывание / улучшение и сидишь просто разбираешься во всем этом говне, через строчку пробивая лицо ладонью, не понимая зачем человеку в коде переменные которые он не использует, функции которые ничего не делают, функции которые два раза делают одно и то же и просто функции которые в 4 раза длиннее чем могли бы быть.
Нажмите, чтобы раскрыть...так это не влияет от того как человек учился.
если ты дашь индусу книжку - ничего не изменится.
в книжках один фиг онли база - дальше сам + документации + гугл.
а в базе сложно накосячить.
хотя я сам фронтендер, но ES6 не знаю нифига, так поверхостно. если меня спросят про какие нибудь там типы данных, что такое стрелочная функция и т.д - будет рофельно. но в при этом я и не понимаю нафига оно мне надо. у меня крутой скилл реакта, я понимаю что и как делаю, сижу на нормальных проектах. хотя во фронтенде вообще сложно как то накосячить, мб в бекэнде все по другому
Podpivasik сказал(а):↑хотя я сам фронтендер, но ES6 не знаю нифига, так поверхостно. если меня спросят про какие нибудь там типы данных, что такое стрелочная функция и т.д - будет рофельно. но в при этом я и не понимаю нафига оно мне надо. у меня крутой скилл реакта, я понимаю что и как делаю, сижу на нормальных проектах. хотя во фронтенде вообще сложно как то накосячить, мб в бекэнде все по другому
Нажмите, чтобы раскрыть...Довольно странно что ты считаешь что у тебя крутой скилл реакта при этом не зная даже ES6. ES6 позволяет писать более читаемый и обслуживаемый код, что в первую очередь принесет пользу тебе, потому что анализировать и писать придется меньше. Стрелочные функции, промисы, async/await это вещи без которых довольно сложно представить себе жизнь когда ты научился ими пользоваться. Это как ездить на карете когда вокруг у всех и каждого есть автомобиль а у тебя в кармане лежат деньги на этот автомобиль но ты все еще его не купил.
Incro сказал(а):↑Довольно странно что ты считаешь что у тебя крутой скилл реакта при этом не зная даже ES6. ES6 позволяет писать более читаемый и обслуживаемый код, что в первую очередь принесет пользу тебе, потому что анализировать и писать придется меньше. Стрелочные функции, промисы, async/await это вещи без которых довольно сложно представить себе жизнь когда ты научился ими пользоваться. Это как ездить на карете когда вокруг у всех и каждого есть автомобиль а у тебя в кармане лежат деньги на этот автомобиль но ты все еще его не купил.
Нажмите, чтобы раскрыть...ты зануда. я пишу как хочу.
щас зачекал стрелочные функции, удобно да.
но щас бы ради экономии 10 символов их использовать.
всю жизнь юзал обычные функции и буду их юзать дальше.
п.с в реакте я оказывается всегда их юзал эти стрелки, а в чистом js обычные функции. вот видишь, не знаю что такое а использую. и так куча вопросов на собеседовниях по ес6. задают вопросы - не знаешь ответа, а оказывается ты это используешь в работе.
п.с.2 скил оценивается не теоретической базой, а тем что ты умеешь делать/делал. работодателю вот пофиг на все это, ему показал кейсы, челюсть отпала и уже зовет тебя на работу. реакт крут тем что даже если ты наговнокодишь - все будет работать, в отличии от ангуляра где по кд крашится браузер.
п.с.3 "это вещи без которых довольно сложно представить себе жизнь когда ты научился ими пользоваться" - вот именно, когда научился. а если не научился - то прекрасно все и без этого работает.
у меня кстати и автомобиля нет, хотя деньги на него есть.
GhoSt110 сказал(а):↑Есть канал на ютубе "Фрилансер по жизни" там есть плейлист по HTML CSS с нуля если хочешь можешь глянуть
Нажмите, чтобы раскрыть...этот рак уже и сюда проник?
Podpivasik сказал(а):↑ты зануда. я пишу как хочу.
щас зачекал стрелочные функции, удобно да.
но щас бы ради экономии 10 символов их использовать.
всю жизнь юзал обычные функции и буду их юзать дальше.
п.с в реакте я оказывается всегда их юзал эти стрелки, а в чистом js обычные функции. вот видишь, не знаю что такое а использую. и так куча вопросов на собеседовниях по ес6. задают вопросы - не знаешь ответа, а оказывается ты это используешь в работе.
п.с.2 скил оценивается не теоретической базой, а тем что ты умеешь делать/делал. работодателю вот пофиг на все это, ему показал кейсы, челюсть отпала и уже зовет тебя на работу. реакт крут тем что даже если ты наговнокодишь - все будет работать, в отличии от ангуляра где по кд крашится браузер.
п.с.3 "это вещи без которых довольно сложно представить себе жизнь когда ты научился ими пользоваться" - вот именно, когда научился. а если не научился - то прекрасно все и без этого работает.
у меня кстати и автомобиля нет, хотя деньги на него есть.
Нажмите, чтобы раскрыть...Так в этом и прикол - сейчас без знания этих вещей ты не пройдешь собеседование
Incro сказал(а):↑Когда таких сайтов не было, было легче, потому что люди просто шли и читали полноценные книги, не спрашивая на форумах о том какие курсы, видео, сайты им почитать / посмотреть. Не говоря уже о том что такие вот сайты как FCC дают весьма отрывочные знания и минимум тонкостей, человек вместо изучения и включения мозгов просто делает то что ему говорят.
А сейчас - какой мне курс посмотреть? Английский? Русский? На Udemy? Udacity? PluralSight? Lynda? А практиковаться где? На HTML Academy? Freecodecamp? А что посмотреть для практики? Ютуб? Бложики? А на русском есть что-нибудь, а то у меня английский не изучен. А какой туториал почитать можно? Htmlbook? Html5book? Bookhtml5?
Нажмите, чтобы раскрыть...Так почему не использовать этот сайт? Ведь там можно английский подтянуть и сам язык выучить до уровня шоб писать какие то сайтики
solayra сказал(а):↑Так почему не использовать этот сайт? Ведь там можно английский подтянуть и сам язык выучить до уровня шоб писать какие то сайтики
Нажмите, чтобы раскрыть...Я написал выше почему. Потому что там отрывочные знания.
Давай я просто открою список уроков и скажу чего там нету (глядя на HTML и CSS раздел):
- Очень короткое изложение существующих форм и как они работают. Нету даже нормально описания form, нету объяснения в чем различие между POST / GET, что приводит потом к огромной дыре в безопасности, потому что человек в своих формах логина юзал method="GET", что приводит к тому что все данные из форм (пароль, логин) передаются в открытом виде через адресную строку. Плюс к этому, как я уже сказал выше, очень короткое изложение. Есть text input, есть checkbox, есть button, есть radio. Целых 4 разных элемента форм. Из знаешь скольких? Из ~25. Ни форм даты, ни форм для удобства на мобильных телефонах, ни ползунков, ни селекта, ни валидации данных. Это всё та база которая должна быть в голове. И это всё та база которой нет на этом сайте. В самом конце в разделе доступности нашел обучение еще нескольким элементам. Теперь их ~10 из 25 разных возможных форм.
- НОЛЬ информации про таблицы и всё что с ними связано. ВООБЩЕ НОЛЬ. Как будто их не существует в HTML.
- Нету объяснения в чем разница между inline, inline-block, block элементами. Это приводит к тому что человек пытается потом изменить ширину строчного элемента и... у него она не меняется.
- Элементы strong, em, b, i, u, s находятся в разделе визуального дизайна. Любому человеку который использует их чтобы выделить что-то, нужно оторвать руки. Это семантические элементы. Их используют чтоб выделить текст для речевых браузеров или обозначить человеку особенность выделенного слова. Их не используют чтобы сделать текст жирным, курсивным, подчёркнутым или зачеркнутым. Их можно вообще обернуть в эти теги а потом убрать им стили или сделать свои.
- Нету ничего про фреймы. Хоть сейчас чаще всего их не используют, они всё еще остались на многих сайтах и если вам предстоит работать на своей будущей работе с ними, благодаря этому сайту вы о них ничего не будете знать. Туда же object/embed элементы.
- Никакое описание audio/video элементов. Ни слова про autoplay, preload, возможность загружать субтитры в видео.
- Никакое описание медиа запросов. Вот прям вообще никакое. Нужен медиа запрос про разные экраны? Его нету. Нужны специальные стили для печати документа? Как их сделать описания нету. Нужно чтоб сайт отображался с разными стилями в портретом и альбомном режимах на телефоне? Это возможно, но благодаря этому сайту вы об этом не узнаете.
- picture элемент для вставки нескольких изображений которые загружаются в зависимости от разрешения? Нет, мы про такое не слышали.
- ЧЕТЫРЕ урока в сумме на 500 слов по резиновой вёрстке. Серьезно? Люди книги пишут на 200+ страниц чтоб правильно рассказать и научить как это делать. Зато по margin и padding там аж штук 15 уроков.
- Селекторы? Два десятка разных селекторов для вашего удобства? Нет, не слышали. Вот вам селектор элемента, вот вам селектор класса, вот вам селектор ID, вот вам селектор атрибута.
- Форматы шрифов? Нет, мы не будем про это рассказывать. Сами потом ищите по всему интернету почему у вас в одном браузере работает шрифт а в другом нет.
Спрайты? Псевдоклассы? Псевдоэлементы? @support? Тени? Вставка своих шрифтов? dl/dt/dd? SVG? Это всё то что вы не увидите на этом сайте помимо всего выше написанного. И это только HTML и CSS, при беглом 30-минутном взгляде, из того что пришло в голову и чего я там не увидел. Я даже не хочу лезть после этого в JS раздел, просто страшно представить какая там помойка из знаний, если они не осилили даже нормальные HTML и CSS разделы.
Как-то так. Приятного обучения на этом сайте.
Incro сказал(а):↑Я написал выше почему. Потому что там отрывочные знания.
Давай я просто открою список уроков и скажу чего там нету (глядя на HTML и CSS раздел):
- Очень короткое изложение существующих форм и как они работают. Нету даже нормально описания form, нету объяснения в чем различие между POST / GET, что приводит потом к огромной дыре в безопасности, потому что человек в своих формах логина юзал method="GET", что приводит к тому что все данные из форм (пароль, логин) передаются в открытом виде через адресную строку. Плюс к этому, как я уже сказал выше, очень короткое изложение. Есть text input, есть checkbox, есть button, есть radio. Целых 4 разных элемента форм. Из знаешь скольких? Из ~25. Ни форм даты, ни форм для удобства на мобильных телефонах, ни ползунков, ни селекта, ни валидации данных. Это всё та база которая должна быть в голове. И это всё та база которой нет на этом сайте. В самом конце в разделе доступности нашел обучение еще нескольким элементам. Теперь их ~10 из 25 разных возможных форм.
- НОЛЬ информации про таблицы и всё что с ними связано. ВООБЩЕ НОЛЬ. Как будто их не существует в HTML.
- Нету объяснения в чем разница между inline, inline-block, block элементами. Это приводит к тому что человек пытается потом изменить ширину строчного элемента и... у него она не меняется.
- Элементы strong, em, b, i, u, s находятся в разделе визуального дизайна. Любому человеку который использует их чтобы выделить что-то, нужно оторвать руки. Это семантические элементы. Их используют чтоб выделить текст для речевых браузеров или обозначить человеку особенность выделенного слова. Их не используют чтобы сделать текст жирным, курсивным, подчёркнутым или зачеркнутым. Их можно вообще обернуть в эти теги а потом убрать им стили или сделать свои.
- Нету ничего про фреймы. Хоть сейчас чаще всего их не используют, они всё еще остались на многих сайтах и если вам предстоит работать на своей будущей работе с ними, благодаря этому сайту вы о них ничего не будете знать. Туда же object/embed элементы.
- Никакое описание audio/video элементов. Ни слова про autoplay, preload, возможность загружать субтитры в видео.
- Никакое описание медиа запросов. Вот прям вообще никакое. Нужен медиа запрос про разные экраны? Его нету. Нужны специальные стили для печати документа? Как их сделать описания нету. Нужно чтоб сайт отображался с разными стилями в портретом и альбомном режимах на телефоне? Это возможно, но благодаря этому сайту вы об этом не узнаете.
- picture элемент для вставки нескольких изображений которые загружаются в зависимости от разрешения? Нет, мы про такое не слышали.
- ЧЕТЫРЕ урока в сумме на 500 слов по резиновой вёрстке. Серьезно? Люди книги пишут на 200+ страниц чтоб правильно рассказать и научить как это делать. Зато по margin и padding там аж штук 15 уроков.
- Селекторы? Два десятка разных селекторов для вашего удобства? Нет, не слышали. Вот вам селектор элемента, вот вам селектор класса, вот вам селектор ID, вот вам селектор атрибута.
- Форматы шрифов? Нет, мы не будем про это рассказывать. Сами потом ищите по всему интернету почему у вас в одном браузере работает шрифт а в другом нет.
Спрайты? Псевдоклассы? Псевдоэлементы? @support? вставка своих шрифтов? dl/dt/dd? SVG? Это всё то что вы не увидите на этом сайте помимо всего выше написанного. И это только HTML и CSS, при беглом 30-минутном взгляде, из того что пришло в голову и чего я там не увидел. Я даже не хочу лезть после этого в JS раздел, просто страшно представить какая там помойка из знаний, если они не осилили даже нормальные HTML и CSS разделы.
Как-то так. Приятного обучения на этом сайте.
Нажмите, чтобы раскрыть...Так а почему нельзя пройти это, а затем остальное? Просто разве есть лучше варианты чем это? Не думаю что есть сайт с идеально подачей информации
solayra сказал(а):↑Так а почему нельзя пройти это, а затем остальное? Просто разве есть лучше варианты чем это? Не думаю что есть сайт с идеально подачей информации
Нажмите, чтобы раскрыть...Потому нет никакого смысла проходить десяток разных ресурсов с отрывочными знаниями (переодически читая одно и то же) когда есть полноценные ресурсы и книги где всё структурировано и собрано в одном месте. Тот же MDN Web Docs (английская версия, разумеется). Из сайтов ты врятли найдешь что-то более полное чем это. Но даже у него есть свои минусы (как у обучающего материала. Как у документации, этому сайту равных нету, разве что только спецификации HTML, CSS и JS).
Я уже говорил в одном из своих прошлых постов, что люди, которые приходят на собеседования и говорят что они прошли курсы на любом таком или аналогичном сайте, лично у нас на работе даже не рассматривались серьезно как претенденты на работу. Такой сайт говорит работодателю только одно. То что вы научились повторять и делать то что вам только что показали.
Рофлую тут с челов фронтеров с снг, которым 1к в месяц это мало, и я уверен им по 18-25 от силы)
друг год фронтером работает и получает 700-800, в сумме 1600-1800 потому что еще делает заказы знакомых через знакомых.
я понимаю если бы шла речь о бэкенде, я вот на джаве ща ищу в европе, рассматриваю вилку 2000-3000. А тут джс макаки, которые могут клепать в неделю заказ + офф зп по 1.5к рассказывают что это мало))))
что тут мало для вас там?) даже я 0 во фронте раз-два в пол года знакомым за сотку сайт клепаю))) клоуны
Incro сказал(а):↑Я написал выше почему. Потому что там отрывочные знания.
Давай я просто открою список уроков и скажу чего там нету (глядя на HTML и CSS раздел):
- Очень короткое изложение существующих форм и как они работают. Нету даже нормально описания form, нету объяснения в чем различие между POST / GET, что приводит потом к огромной дыре в безопасности, потому что человек в своих формах логина юзал method="GET", что приводит к тому что все данные из форм (пароль, логин) передаются в открытом виде через адресную строку. Плюс к этому, как я уже сказал выше, очень короткое изложение. Есть text input, есть checkbox, есть button, есть radio. Целых 4 разных элемента форм. Из знаешь скольких? Из ~25. Ни форм даты, ни форм для удобства на мобильных телефонах, ни ползунков, ни селекта, ни валидации данных. Это всё та база которая должна быть в голове. И это всё та база которой нет на этом сайте. В самом конце в разделе доступности нашел обучение еще нескольким элементам. Теперь их ~10 из 25 разных возможных форм.
- НОЛЬ информации про таблицы и всё что с ними связано. ВООБЩЕ НОЛЬ. Как будто их не существует в HTML.
- Нету объяснения в чем разница между inline, inline-block, block элементами. Это приводит к тому что человек пытается потом изменить ширину строчного элемента и... у него она не меняется.
- Элементы strong, em, b, i, u, s находятся в разделе визуального дизайна. Любому человеку который использует их чтобы выделить что-то, нужно оторвать руки. Это семантические элементы. Их используют чтоб выделить текст для речевых браузеров или обозначить человеку особенность выделенного слова. Их не используют чтобы сделать текст жирным, курсивным, подчёркнутым или зачеркнутым. Их можно вообще обернуть в эти теги а потом убрать им стили или сделать свои.
- Нету ничего про фреймы. Хоть сейчас чаще всего их не используют, они всё еще остались на многих сайтах и если вам предстоит работать на своей будущей работе с ними, благодаря этому сайту вы о них ничего не будете знать. Туда же object/embed элементы.
- Никакое описание audio/video элементов. Ни слова про autoplay, preload, возможность загружать субтитры в видео.
- Никакое описание медиа запросов. Вот прям вообще никакое. Нужен медиа запрос про разные экраны? Его нету. Нужны специальные стили для печати документа? Как их сделать описания нету. Нужно чтоб сайт отображался с разными стилями в портретом и альбомном режимах на телефоне? Это возможно, но благодаря этому сайту вы об этом не узнаете.
- picture элемент для вставки нескольких изображений которые загружаются в зависимости от разрешения? Нет, мы про такое не слышали.
- ЧЕТЫРЕ урока в сумме на 500 слов по резиновой вёрстке. Серьезно? Люди книги пишут на 200+ страниц чтоб правильно рассказать и научить как это делать. Зато по margin и padding там аж штук 15 уроков.
- Селекторы? Два десятка разных селекторов для вашего удобства? Нет, не слышали. Вот вам селектор элемента, вот вам селектор класса, вот вам селектор ID, вот вам селектор атрибута.
- Форматы шрифов? Нет, мы не будем про это рассказывать. Сами потом ищите по всему интернету почему у вас в одном браузере работает шрифт а в другом нет.
Спрайты? Псевдоклассы? Псевдоэлементы? @support? Тени? Вставка своих шрифтов? dl/dt/dd? SVG? Это всё то что вы не увидите на этом сайте помимо всего выше написанного. И это только HTML и CSS, при беглом 30-минутном взгляде, из того что пришло в голову и чего я там не увидел. Я даже не хочу лезть после этого в JS раздел, просто страшно представить какая там помойка из знаний, если они не осилили даже нормальные HTML и CSS разделы.
Как-то так. Приятного обучения на этом сайте.
Нажмите, чтобы раскрыть...Соглашусь почти со всем, кроме селекторов. Зачем нужны какие-то классы кроме селекторов и псведоклассов?
Id юзается очень редко, за селекторы тегов надо вообще руки отрывать. Сложные селекторы пишутся раз в год, если ты хоть что-то слышал про БЭМ.
Incro сказал(а):↑Потому нет никакого смысла проходить десяток разных ресурсов с отрывочными знаниями (переодически читая одно и то же) когда есть полноценные ресурсы и книги где всё структурировано и собрано в одном месте. Тот же MDN Web Docs (английская версия, разумеется). Из сайтов ты врятли найдешь что-то более полное чем это. Но даже у него есть свои минусы (как у обучающего материала. Как у документации, этому сайту равных нету, разве что только спецификации HTML, CSS и JS).
Я уже говорил в одном из своих прошлых постов, что люди, которые приходят на собеседования и говорят что они прошли курсы на любом таком или аналогичном сайте, лично у нас на работе даже не рассматривались серьезно как претенденты на работу. Такой сайт говорит работодателю только одно. То что вы научились повторять и делать то что вам только что показали.
Нажмите, чтобы раскрыть...щас бы читать книжки по html css js :D
эти вещи учаться на практике
Ixfus сказал(а):↑Соглашусь почти со всем, кроме селекторов. Зачем нужны какие-то классы кроме селекторов и псведоклассов?
Id юзается очень редко, за селекторы тегов надо вообще руки отрывать. Сложные селекторы пишутся раз в год, если ты хоть что-то слышал про БЭМ.Нажмите, чтобы раскрыть...БЭМ используется не во всех проектах. И последнее время как-то складывается ощущение что от него постепенно отказываются. А из тех селекторов которые используются часто без БЭМа, это a > b, a + b, a ~ b, да и просто хотя бы a b. Они даже возможность перечисление селекторов через запятую не упомянули, что в итоге приведет к тому что человек будет писать одни и те же стили в нескольких разных блоках под разные элементы.
Тема закрыта
-
ЗаголовокОтветов ПросмотровПоследнее сообщение
-
Сообщений:2
Просмотров:2
-
Сообщений:1
Просмотров:0
-
Сообщений:4
Просмотров:4
-
Сообщений:5
Просмотров:6
-
Сообщений:5
Просмотров:6