LINUX.ORG.RU
ФорумTalks

Фронтенд разработка

 , ,


2

1

Никогда не думал, что создам такой тред, но обстоятельства.. Подскажите, пожалуйста, что почитать по сабжу? Что сейчас модно в этой сфере? Какой-нибудь AJAX? Возможно, необходимо будет HTML+CSS? Насколько фронтенд разработка пересекается в веб-дизайном?

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

Речь именно о логике фронтэнда, или о разработке фронтэнда в целом?
В последнем случае, конечно-же, нужен HTML и CSS.
Логика фронтэнда, если она нужна, пишется (кто-бы мог подумать!) на JS, так-что было-бы наверное неплохо его знать. Есть несколько модных фрэймворков (и комбинации некоторых из них :). jQuery например.
Есть вариант компилять JS из не-JS.

MrClon ★★★★★ ()

Начать и закончить с чтения спецификации ECMA и стандартов W3C.

coyote_torolla ()

Какой-нибудь AJAX?

лет 7 назад было «модно», сейчас это на любом сайте визитке уже необходимость.

Насколько фронтенд разработка пересекается в веб-дизайном?

Гхм.. напрямую пересекается, но все зависит от того качества исходников которые будут в твоей доступности.

Подскажите, пожалуйста, что почитать по сабжу?

Смотря что ты хочешь, CSS? JS? AngularJS?

umren ★★★★★ ()
Ответ на: комментарий от umren

лет 7 назад было «модно», сейчас это на любом сайте визитке уже необходимость.

Года 3 назад было необходимо, сейчас на сайтах визитках HTML 5 + CSS 3, ибо это в 100500 раз легче, чем js, когда надо и под мобилку.

fixed :)

gh0stwizard ★★★★★ ()

Насколько фронтенд разработка пересекается в веб-дизайном?

задачи верстальщику выдаются с участием веб-дизайнера

модно

какая сфера? Информационные сайты («сайты»), морды корпоративных приложений («программы»), еще что-то

Подскажите, пожалуйста, что почитать по сабжу?

устраиваться на работу или фрилансить?

stevejobs ★★★☆☆ ()
Ответ на: комментарий от gh0stwizard

Года 3 назад было необходимо, сейчас на сайтах визитках HTML 5 + CSS 3, ибо это в 100500 раз легче, чем js, когда надо и под мобилку.

в HTML5 + CSS3 уже встроили асинхронный обмен данными?

umren ★★★★★ ()
Ответ на: комментарий от stevejobs

и зачем?

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

umren ★★★★★ ()
Ответ на: комментарий от MrClon

Речь именно о логике фронтэнда, или о разработке фронтэнда в целом?

И то, и то. Но с уклоном в первое, естественно :)

generator ★★★ ()
Ответ на: комментарий от umren

Гхм.. напрямую пересекается

Не обладая навыками дизайнера, теоретически возможно сделать неотвратный интерфейс?

Смотря что ты хочешь, CSS? JS? AngularJS?

Да понятия не имею. Я вот и спрашиваю, в какую сторону смотреть :)

generator ★★★ ()
Ответ на: комментарий от stevejobs

AJAX
необходимость

и зачем?

Про необходимость я не писал ничего, а AJAX это то, что всплыло в памяти и первое пришло на ум.

морды корпоративных приложений («программы»)

Оно.

устраиваться на работу или фрилансить?

Пока, скажем так, для себя. Напрямую с работой это не связано.

generator ★★★ ()
Ответ на: комментарий от generator

Не обладая навыками дизайнера, теоретически возможно сделать неотвратный интерфейс?

зависит от того, чем конкретно ты будешь заниматься и от команды тоже, с кем будешь работать.. в одном случае все будет четко и тебе не придется думать об интерфейсе вообще, в другом случае часть работы будет идти тебе на откуп и навыки интерфейсов и дизайна у тебя будут «немного» качаться в параллель, хорошо это или плохо, решать тебе

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

umren ★★★★★ ()
Ответ на: комментарий от generator

Наша админка наиболее выиграла от использования Angular.JS+Bootstrap.

Bootstrap в оригинале написан на LESS, поэтому рекомендовал бы посмотреть LESS (приладить к редактору/системе сборки гуя мгновенную компиляцию LESS) и пользоваться бутстрапом нормально, а не как CSS-калеки.

У нас были проблемы с производительностью ангуляра (список с элементами сложной структуры, когда он становился не 10 элементов как обычно, а 1000, начинал выжирать все ресурсы браузера), поэтому наверное стоит устраивать иногда тесты на производительность.

Мне очень нравится как язык CoffeeScript и его диалект IcedCoffeeScript. Позволяет вывезти из JS тонны мусора, и там есть синтаксис для классов (при этом эти классы, как и весь CS, отлично выглядят в JS-виде). Iced- версия компилируется в менее понятный JS, тут уже придется выбирать между фишками Iced и читаемостью скомпилированного JS.

stevejobs ★★★☆☆ ()
Ответ на: комментарий от umren

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

Второй случай. Интерфейс полностью на мне.

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

Печально. Реквестирую эти книги тогда :)

generator ★★★ ()
Ответ на: комментарий от generator

Не обладая навыками дизайнера, теоретически возможно сделать неотвратный интерфейс?

если тебе нужно делать админку, берешь Bootstrap, и вот тебе неотвратный интерфейс.

stevejobs ★★★☆☆ ()
Ответ на: комментарий от generator

Пока, скажем так, для себя. Напрямую с работой это не связано.

без конкретной задачи обсуждать странно.

если задача «просто что-то почитать», то вот эти товарищи постоянно пишут дайджест «чего почитать про веб-разработку»: http://habrahabr.ru/company/zfort/

(смотри заголовок новости, там есть дайджесты конкретно про PHP, а есть вообще)

stevejobs ★★★☆☆ ()
Последнее исправление: stevejobs (всего исправлений: 1)
Ответ на: комментарий от umren

в HTML5 + CSS3 уже встроили асинхронный обмен данными?

А на сайте визитке он зачем нужен? ^_- Как бы вся асинхронщина в JS это тот же самый AJAX, только вместо X нынче модно J(SON), AJAJ :) Или, тогда уж говори прямо тебе (в смысле ТС) нужны тру-Ъ вебсокеты =)))

gh0stwizard ★★★★★ ()
Ответ на: комментарий от umren

Какой формы? Есть disqus, twitter, fb, vk, etc. А они все еще формы клепают. Да есче и с капчем небось. Капчей на флеше..

gh0stwizard ★★★★★ ()
Ответ на: комментарий от gh0stwizard

Форма отправки сообщения на email, банальная вещь которая есть на каждом сайте. Предлагаешь людям писать вместо этого в твиттер или фейсбук? ООК.

umren ★★★★★ ()
Последнее исправление: umren (всего исправлений: 1)
Ответ на: комментарий от stevejobs

Наша админка наиболее выиграла от использования Angular.JS+Bootstrap.

берешь Bootstrap, и вот тебе неотвратный интерфейс

А можешь ссылкой в меня кинуть, о каком бутстрапе речь идёт? :)

generator ★★★ ()
Ответ на: комментарий от generator

Twitter Bootstrap. http://getbootstrap.com/ Там есть куски стандартного гуя. Плюс плавающая модульная сетка, адаптированная для сайтов, «перещелкивающихся» между версткой разых размеров (говномобильник/мобильник/лопата/десктоп)

stevejobs ★★★☆☆ ()

HTML, CSS, JavaScript и знание парочки либ вроде jQuery - это необходимый минимум для любого фронтэнд-разработчика.

lucentcode ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.