Изучение веб-дизайна с ограниченными возможностями [дубликат]

Мне нужны некоторые рекомендации относительно того, с чего начать, что изучать (все, что мне нужно, чтобы научиться делать работу веб-дизайна). У меня довольно много свободного времени на моей текущей работе, и я закончил курс HTML & CSS от codecademy. Что я должен узнать дальше? Я бы предпочел то, что я мог бы изучить на своем рабочем месте, но это означало бы отсутствие видео на YouTube (не могу подключить наушники и не могу установить программное обеспечение, поскольку я использую компьютер компании). Мне нужно как можно больше предложений, поскольку я действительно хочу научиться этому правильно.

Ответы (3)

Первое, что вы должны сделать, это улучшить свои навыки в HTML и CSS. Курс Codeacademy — хорошее введение в предмет, но вам нужно написать больше кода, чтобы по-настоящему усвоить его.

Следующим шагом будет изучение более продвинутого CSS. Посмотрите на препроцессоры, такие как Sass, Less или Stylus. Лично я рекомендую Sass с разновидностью SCSS ( http://sass-lang.com/ ). Sass по сравнению с альтернативами из-за огромного количества проектов с открытым исходным кодом, использующих Sass по сравнению с другими, Bootstrap также находится в процессе перехода на Sass с Less. В Интернете есть несколько хороших ресурсов для знакомства с Sass. Один совет: НИКОГДА не вкладывать селекторы друг в друга (по крайней мере, пока вы не поймете, почему вы не должны переквалифицировать свои селекторы).

Прочтите и узнайте об объектно-ориентированном CSS, SMACSS, BEM, ITCSS и, наконец, начните использовать соглашения об именах BEMIT ( https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/ ) . CSSWizardry — очень хороший авторитет в написании хороших крупномасштабных CSS.

Следующим шагом будет изучение JavaScript и, возможно, jQuery. У Codeacademy есть достойное введение в эту тему. Как только вы изучите HTML/CSS/JS, у вас будет все, что вам нужно, чтобы стать фронтенд-разработчиком. Если вас больше интересуют серверные части, возможно, вам стоит изучить PHP, а не JavaScript.

она спрашивает дизайн а не разработку
Более продвинутые CSS, js и jQuery также помогут в дизайне.

Я предполагаю, что у вас есть разрешение вашего начальства на изучение этого в ваше «свободное время», так почему бы не попросить установить определенные части (бесплатного) программного обеспечения?

Есть ли у вас какое-либо программное обеспечение для веб-дизайна? Редактор кода, редактор изображений и т.д.

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

Как разработчик, я настоятельно рекомендую 2 базовые темы, которые являются ключевыми для веб-дизайна: разработка программного обеспечения и работа в сети. Чтобы правильно кодировать даже простые веб-страницы, вы должны знать процесс определения решений в области задач и терминологии, объектно-ориентированном дизайне и некоторых структурах данных, доступных для различных задач. Сеть необходима для реализации потока данных в Интернете и выявления различных связанных с этим проблем: DNS, CDN, производительность, безопасность (SSL, CORS) и т. д.