Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 01.03.2017
Сообщений: 19

Фреймворк или тег за тегом?

03.06.2017, 07:02. Показов 797. Ответов 9

Студворк — интернет-сервис помощи студентам
Всем привет. Мое первое знакомство с html было еще в 2007-2008, был я тогда еще в начальных классах школы и отсутствие компьютера поставило точку во всех этих отношениях. Прошло время и я решил начать все заново, ведь сейчас есть и средства и время и материальное обеспечение. Начал читать статьи, книги. Познакомился с html5 и css3. Решил попробовать сделать что-то своё и начал писать код. Тег за тегом, разбирая все написанное по каждому свойству, записывая все на отдельные листки, которых потом оказалась целая куча. На некоторых обучающих видео видел программы, в которых просто слой за слоем делают сайты, оформляют его, верстают, но особого значения не придавал этому, полагая, что ,мол ну есть такие программы, не удивительно. Столкнувшись с очередной проблемой в адаптации своего сайта, я начал искать ответ в интернете , читал статьи, но почему то так и не решил проблему до сих пор. Вот здесь я вычитал про фреймворк и решил просто посмотреть, что это такое, ведь он обещал сделать адаптацию буквально в пару кликов. Попал на Bootstrap, начал разбираться в нем. Почитал пару статей, посмотрел видео в ютубе и даже слегка расстроился. Фреймворк - lego, только для сайтов. Как я понимаю, нужны минимальные знания для того, чтоб сделать хороший сайт. Миллионные div блоки и верстка сайтов еще таблицами, которые морально устаревают с появлением html5. Можно просто копировать нужный тебе код и вставлять даже не понимая, что именно в этом коде и не вникая в его свойства. Убил много времени, делая сайт тег за тегом и сделал только минимум, когда этот минимум можно сделать за 10 минут. И что же тогда получается? Можно быть веб-разработчиком, работая в фреймворке и не вникая в свой код, либо каждый новый элемент записывать вручную и разбираться с каждой буквой и каждым знаком. Что же лучше? Изучать веб-программировние тег за тегом, либо учиться работать с фреймворком?
P.s. это только мои рассуждения. Попрошу грязь не разводить, возможно я и не прав. Интересно мнение других. Как вы учились и какой бы вы выбрали путь, если бы пришлось учить все с самого начала?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
03.06.2017, 07:02
Ответы с готовыми решениями:

Заменить тег <button> тегом <a>
Коллеги есть вот такая кнопка: &lt;button class=&quot;btn btn-primary vina_button&quot; type=&quot;submit&quot; name=&quot;finish_registration&quot;...

Как заменить тег в результате на другой тег или спец символ
Здравствуйте, может кто сталкивался с такой задачей. Парсер парсит результат между тегами &lt;p&gt;&lt;/p&gt;. Результат получается в виде...

Фреймворк или cms
Хочу начать Yii учить, но тут задумался, а ускорит ли это разработку или все же использование cms позволяет быстрее работать? В фреймворках...

9
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
03.06.2017, 08:36
Все зависит от того какие вы цели себе ставите.
Я считаю, что изучать нужно с основ и научиться верстать сначала без фреймворков, а потом уже, когда понятны все принципы верстки, можно и упростить, например, выдрать ту же сетку из бутстрапа, чтобы самому ее не писать. Или если какой-то проект надо побыстренькому набросать и особо не заморачиваться.
И это касается не только css-фрейморков, а и любых других - js, php и.т.п - сначала базовые знания, потом упрощаем.
Без знания основ, любой шаг вправо-влево вызывает проблемы. Те, кто учится верстке, начиная сразу же с бутстрапа, делают или очередные безликие, похожие друг на друга странички, или когда надо отойти от бутстраповских классов, пишут на форумах, мол, помогите, не знаю как убрать отступ, 3 дня мучаюсь. И когда доходит дело до того, что надо подстроить установленный фрейморк под себя, изменить исходники и перекомпилировать стили - начинается головная боль.

Цитата Сообщение от 496036 Посмотреть сообщение
нужны минимальные знания для того, чтоб сделать хороший сайт
Нет. Это еще зависит от того, что вы считаете хорошим сайтом.

Ясно, что когда-то подобные вещи заменят полностью весь процесс кропотливой разработки, но пока еще это время не наступило, поэтому читайте книги, умные статьи и поменьше на ютуб заходите. А если что-то не понятно, то всегда есть форум, где можно спросить совет и решить проблему коллективно, если сами не смогли найти решение.
0
0 / 0 / 0
Регистрация: 01.03.2017
Сообщений: 19
03.06.2017, 09:30  [ТС]
Частично согласен, но считаю, что можно работать и с тем и с тем. Во фреймворках смотреть правильный синтаксис с разбором каждого элемента, думаю, будет очень удобно. Смущает только тот факт, что html5 div блоки сдвинули на второй пла, а фреймворки опираются только на сетку, без пользовательского позиционирования блоков, которые отвечают каждый за свое
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
04.06.2017, 01:14
Тег за тегом да вы рассмешили, я половины тегов наверно не знаю, их никто не пользует и они мне не нужны и куча из них устаревает с каждым годом, о наверно я слишком буквально понял "тег за тегом". После знакомства с SASS я вдвойне убедился, а нафига мне этот бутстрап, яж теперь могу свой фреймворки писать, у меня уже есть в нём пара тройка миксинов для всяких прозрачностей градиентов и углов блоков в три буквы в переменных ну и в те же 3 буквы расписаны шрифты, используемые в проекте + всякие базовые %контенты. До уровня джедайства с сетками ещё не дорос, слишком сложные у меня дизайны с кучей переходов, вообще не знаю как это может упростить пока мою работу.

Во фреймворках смотреть правильный синтаксис с разбором каждого элемента
Не делайте этого, там 30% лишнего css в каждом классе, пади на "все случаи жизни".
0
8 / 8 / 8
Регистрация: 10.05.2017
Сообщений: 108
04.06.2017, 12:53
емг, писать свой ферймворк, емг... ну ок, но мне нрав бутстрап, все кроме меню... думаю все используют его наверное на 30% от возвоможностей, так что база должна быть, скорость роботы так же важна, разве нет?
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
04.06.2017, 14:10
А как же, скорость работы сайта очень даже важна.
0
0 / 0 / 0
Регистрация: 01.03.2017
Сообщений: 19
04.06.2017, 22:00  [ТС]
Возможно, что знания Фотошоп и css пригодились бы больше, чем фреймворк
0
$ su
 Аватар для ntlinuxnt
1605 / 520 / 97
Регистрация: 18.11.2010
Сообщений: 2,807
Записей в блоге: 2
04.06.2017, 22:48
Цитата Сообщение от 496036 Посмотреть сообщение
Возможно, что знания Фотошоп и css пригодились бы больше, чем фреймворк
Увы, реальные проекты говорят об обратном.
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
04.06.2017, 23:57
Знания фотошопа нужны - если вы дизайнер, знания css - если верстальщик, ну а если вы бэкэнд программист, то тут без бутстрапа не обойтись
0
0 / 0 / 0
Регистрация: 01.03.2017
Сообщений: 19
05.06.2017, 07:12  [ТС]
Может быть, надо себе подготовить небольшой список сайтов и программ, которыее в совокупности, смогли бы облегчить задачу, которую ты перед собой поставил. Это и Фотошоп и вреймворки и различные конструкторы html и css и многое другое, которые посчитаешь необходимым.
Скорее всего, у многих так и сделано)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.06.2017, 07:12
Помогаю со студенческими работами здесь

Фреймворк или чистый JavaScript?
Всем привет! Хочется узнать мнение общественности по поводу использования разнообразных фреймворков. Может лучше использовать чистый...

Популярный фреймворк или удобный?
Не так давно открыл для себя 'Linq2Db', немного попробовал 'Dapper'. Первый да, реально крут в сравнении с 'EF Core', который регулярно...

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

Фреймворк или реализцаия на скрипте таблиц
Желательно чтобы было аналогом DataGridView, хотя бы отдаленно.(события, добавление записей и т.д.) ссылку на реализацию, или на описание...

Парсингом XML (<тег></тег> переходит в <тег/>)
Здравствуйте. У меня такая проблема. Имею исходный файл &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt; &lt;root&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru