- 68
- 2 758
Bg-Lazarus
Bulgaria
Приєднався 8 лют 2021
Hello from me, Lazar Hristov! Welcome to my UA-cam channel!
The topics we will cover in it are:
1. Creating a website from scratch - only by means of HTML and CSS and without special programs
2. Introduction to HTML - the language for creating web pages
3. Introduction to CSS - the language for the layout of web pages
4. Introduction to the Lazarus IDE - visual programming environment - through which you can create a computer program/application
I am a computer engineer and the author of the following two computer books for beginners:
1. Creating a website from scratch
2. Introduction to the Lazarus IDE
Books can be purchased from my websites linked on my channel home page!
And a large part (about 70-80%) of their content is free and uploaded to my sites. I would love to have you visit them!
Best regards!
The topics we will cover in it are:
1. Creating a website from scratch - only by means of HTML and CSS and without special programs
2. Introduction to HTML - the language for creating web pages
3. Introduction to CSS - the language for the layout of web pages
4. Introduction to the Lazarus IDE - visual programming environment - through which you can create a computer program/application
I am a computer engineer and the author of the following two computer books for beginners:
1. Creating a website from scratch
2. Introduction to the Lazarus IDE
Books can be purchased from my websites linked on my channel home page!
And a large part (about 70-80%) of their content is free and uploaded to my sites. I would love to have you visit them!
Best regards!
Създаване на уеб сайт от нулата - Въведение и представяне на курса
Този видеоклип съдържа кратко въведение и представяне на платения курс за Създаване на уеб сайт от нулата. За момента идеята е курсът да съдържа недостъпните за безплатно изтегляне материали за създаване на уеб сайт, които получавате при закупуване на книгата ми Създаване на уеб сайт от нулата, но вече и под формата на видео уроци с подробни обяснения.
Идеята ми е да създадем уеб сайт само чрез HTML и CSS - на сайта ми са качени безплатните глави за тях, Тук в UA-cam канала ми - са качени безплатните видео уроци за HTML и CSS - така, че основата вече ви е дадена. Остава само стъпка по стъпка, като започнем от нулата, да изградим заедно своя първи уеб сайт!
Цената на курса все още не е определена, но вероятно няма да бъде повече от 20-30 лв. Защото моята цел е да помогна на начинаещите и цената да бъде достъпна.
Ще ви помоля да ми пишете с ваши предложения, идеи и виждания относно този курс. Може да направите това в контактната форма на сайта ми на този адрес: bg-lazarus.com/contacts.html
Курсът би трябвало да е готов след около месец, месец и половина.
Ще се радвам, ако се присъедините!
На добър час!
Идеята ми е да създадем уеб сайт само чрез HTML и CSS - на сайта ми са качени безплатните глави за тях, Тук в UA-cam канала ми - са качени безплатните видео уроци за HTML и CSS - така, че основата вече ви е дадена. Остава само стъпка по стъпка, като започнем от нулата, да изградим заедно своя първи уеб сайт!
Цената на курса все още не е определена, но вероятно няма да бъде повече от 20-30 лв. Защото моята цел е да помогна на начинаещите и цената да бъде достъпна.
Ще ви помоля да ми пишете с ваши предложения, идеи и виждания относно този курс. Може да направите това в контактната форма на сайта ми на този адрес: bg-lazarus.com/contacts.html
Курсът би трябвало да е готов след около месец, месец и половина.
Ще се радвам, ако се присъедините!
На добър час!
Переглядів: 25
Відео
Работа с бази данни в Lazarus IDE - Въведение и представяне на курса
Переглядів 439 годин тому
Този видеоклип съдържа кратко въведение и представяне на платения курс за Работа с бази данни в Lazarus IDE. За момента идеята е курсът да съдържа недостъпните за безплатно изтегляне материали, които получавате при закупуване на книгата ми Въведение в Lazarus IDE, но вече и под формата на видео уроци с подробни обяснения. Цената на курса все още не е определена, но вероятно няма да бъде повече ...
10. Компоненти от лентата Common Controls в Lazarus IDE. 10.1. Компоненти от тип bar - част II
Переглядів 3716 годин тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Common Controls в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Тази тема е обширна и затова съм я разделил на няколко урока. А в тази точка 10.1. съм разделил урока за нея на две части. В тази част 10.1.3-4 ще разгледаме компонентите TStatusBar и TToolBar. Ето и връзка към моят уеб сайт за...
10. Компоненти от лентата Common Controls в Lazarus IDE. 10.1. Компоненти от тип bar - част I
Переглядів 5514 днів тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Common Controls в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Тази тема е обширна и затова съм я разделил на няколко урока. А в тази точка 10.1. съм разделил урока за нея на две части. В тази част 10.1.1-2 ще разгледаме компонентите ТTrackBar и TProgressBar. Ето и връзка към моят уеб сайт...
9. Компоненти от лентата Additional. 9.7. Компонент TValueListEditor
Переглядів 3921 день тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.7 ще разгледаме компонентa TValueListEditor. Ето и връзка към моят уеб сайт за Lazarus IDE: lazarus.bg-lazarus.com Тук ще може да прочете как да си създадете свое собствено прил...
9.6.3. Телефонен справочник - реална програма с Lazarus IDE
Переглядів 7528 днів тому
В този видеоклип показвам направата на Телефонен справочник - една реална(макар и не много сложна) програма с Lazarus IDE, която обобщава знанията ни до момента за използваните компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Ето и връзка към моят уеб сайт за Lazarus IDE: lazarus.bg-lazarus.com Тук ще може да прочете как да си създадете свое собстве...
Представяне на уеб сайтa и книгите ми за: Създаване на уеб сайт от нулата и Въведение в Lazarus IDE
Переглядів 66Місяць тому
В този видеоклип представям YоuTube канала си след няколко месечна дейност в него, а също така и моите уеб сайтове и книги: Аз съм компютърен инженер и автор на две компютърни книги: 1. Създаване на уеб сайт от нулата 2. Въведение в Lazarus IDE Книгите могат да се закупят от уеб сайтовете ми в електронен(PDF файл примерите от тях) или хартиен формат. Сайтовете ми са следните: 1. за Създаване на...
9.Компоненти от лентата Additional. 9.6. Компоненти TDrawGrid и TStringGrid
Переглядів 48Місяць тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.6. ще разгледаме компоненти от тип таблици(мрежи, решетки): ще разгледаме следните компоненти: TDrawGrid и TStringGrid. Ето и връзка към моят уеб сайт за Lazarus IDE: lazarus.bg...
9. Компоненти от лентата Additional. 9.5 Компоненти TSpliter, TNotebook, TFlowPanel и TPairSpliter.
Переглядів 40Місяць тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.5. ще разгледаме компоненти от тип Spliter(разделител) и Panel: ще разгледаме следните компоненти: TSpliter, TNotebook, TFlowPanel, TPairSpliter и TRadioGroup. Ето и връзка към ...
9. Компоненти от лентата Additional. 9.4. Компоненти от тип Box.
Переглядів 36Місяць тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.4. ще разгледаме компоненти от тип Box: ще разгледаме четири такива компонента: TCheckListBox, TScrollbox, TColorBox, TColorListBox. Ето и връзка към моят уеб сайт за Lazarus ID...
9. Компоненти от лентата Additional. 9.3. Компоненти свързани с изображения и рисуване.
Переглядів 25Місяць тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.3. ще разгледаме компоненти свързани с изображения и рисуване: ще разгледаме три такива компонента: ТImage, ТShape, ТPaintBox и класа ТCanvas. Ето и връзка към моят уеб сайт за ...
9. Компоненти от лентата Additional. 9.2. Компоненти разновидности на TLabel и TEdit.
Переглядів 332 місяці тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.2. ще разгледаме компоненти разновидности на TLabel и TEdit, това са TStaticText, TLabeledEdit и TMaskEdit. Ето и връзка към моят уеб сайт за Lazarus IDE: lazarus.bg-lazarus.com...
9. Компоненти от лентата Additional. 9.1.Компоненти разновидности на TButton: TBitBtn и TSpeedButton
Переглядів 412 місяці тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Additional в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 9.1. ще разгледаме компоненти разновидности на TButton: TBitBtn и TSpeedButton. Ето и връзка към моят уеб сайт за Lazarus IDE: lazarus.bg-lazarus.com Тук ще може да прочете как да...
8. Компоненти от лентата(палитрата) Dialogs в Lazarus IDE
Переглядів 542 місяці тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата(палитрата) Dialogs в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Ето и връзка към моят уеб сайт за Lazarus IDE: lazarus.bg-lazarus.com Тук ще може да прочете как да си създадете свое собствено приложение(програма). А също да изтеглите части от книгата ми или да я закупите. На добър час!
7. Компоненти от лентата Standard в Lazarus IDE 7.5. Компоненти TMainMenu, ТPopupMenu и TImageList.
Переглядів 222 місяці тому
В този видеоклип обяснявам и показвам кои са най-важните и използвани компоненти от лентата Standard в Lazarus IDE. Подробно обяснение за това имам и на сайта си. Разделил съм този урок на няколко части. В тази част 7.5. ще разгледаме компонентите за създаване на менюта TMainMenu иТPopupMenu. А също така и елемента за добавяне на мини изображения към менютата: TImageList. Ето и връзка към моят ...
7. Компоненти от лентата Standard в Lazarus IDE 7.4. Компоненти TGroupBox, ТPanel, TComboBox...
Переглядів 532 місяці тому
7. Компоненти от лентата Standard в Lazarus IDE 7.4. Компоненти TGroupBox, ТPanel, TComboBox...
7. Компоненти от лентата Standard в Lazarus IDE 7.3. Компоненти TToodlebox, ТCheckBox и TRadioButton
Переглядів 163 місяці тому
7. Компоненти от лентата Standard в Lazarus IDE 7.3. Компоненти TToodlebox, ТCheckBox и TRadioButton
7. Компоненти от лентата Standard в Lazarus IDE 7.2. Компонент TMemo(многоредово текстово поле).
Переглядів 333 місяці тому
7. Компоненти от лентата Standard в Lazarus IDE 7.2. Компонент TMemo(многоредово текстово поле).
7. Компоненти от лентата Standard в Lazarus IDE. 7.1. Най-често използваните: TButton, TEdit, TLabel
Переглядів 273 місяці тому
7. Компоненти от лентата Standard в Lazarus IDE. 7.1. Най-често използваните: TButton, TEdit, TLabel
8. Начин на разположение на елементите в уеб страницата - II част (Съвременни методи за оформление)
Переглядів 254 місяці тому
8. Начин на разположение на елементите в уеб страницата - II част (Съвременни методи за оформление)
8. Начин на разположение на елементите в уеб страницата - I част (Основни оформления и методи)
Переглядів 254 місяці тому
8. Начин на разположение на елементите в уеб страницата - I част (Основни оформления и методи)
7. Позициониране на елементите в CSS - II част
Переглядів 154 місяці тому
7. Позициониране на елементите в CSS - II част
7. Позициониране на елементите в CSS - I част
Переглядів 154 місяці тому
7. Позициониране на елементите в CSS - I част
6. Блоков (box) модел в CSS. Отстъпи на елементите - II част
Переглядів 154 місяці тому
6. Блоков (box) модел в CSS. Отстъпи на елементите - II част
6. Блоков (box) модел в CSS. Отстъпи на елементите - I част
Переглядів 174 місяці тому
6. Блоков (box) модел в CSS. Отстъпи на елементите - I част
Чудесна идея! Радвам се, че сте решили да направите такъв курс. Книгата е хубаво нещо, но видео уроците са по-подходящи, според мен, за усвояване на дадена програма. Аз преди да попадна на вашия канал не бях чувал и за Лазарус, и в началото се интересувах само от уроците ви за направа на сайт, но после постепенно се зарибих и за Лазарус, така че определено ще се включа в този курс.
Каналът ви е супер! Продължавайте да го развивате!
Благодаря ви за подкрепата. Ще се старая да добавям поне веднъж седмично нов видеоклип и да развивам канала и сайтовете си.
Трябва ли задължително да валидирам CSS файловете си?
Не е задължително, но е силно препоръчително! Защото дори да не сте начинаещ, грешка винаги може да се допусне и валидирането е точно такава проверка за грешки.
Кога е по-добре да използваме Flexbox и кога Grid?
Grid Layout е по-добре да се използва за цялостното оформление на блоковете в страницата, а Flexbox е по-добре да се използва за вътрешното оформление на елементите в даден блок.
Вие лично, кога предпочитате да ползвате класове, кога ID?
Аз използвам класове главно, когато имам няколко елемента с общи свойства, и тогава им задавам един и същи клас. А когато имам някакъв елемент със специфични свойства(и не е удачно да се обръщам към него по тип) - предпочитам да му задам идентификатор(ID).
Не разбрах добре за какво точно се ползва position: sticky?
Сложно е да се обясни теоретично, трябва да си "поиграете" с това свойство на практика, за да разберете логиката му, но ще се опитам да я обясня: Елемент със зададена position: sticky; се позиционира въз основа на позицията на превъртане. Той превключва между position: relative и fixed, в зависимост от позицията на превъртане. Позиционира се относително, докато дадена позиция на отместване се срещне в прозореца за изглед - след това се "залепва" на място (като position: fixed).
В момента актуално ли е да се ползва свойството float и в какви случаи?
В момента свойството float е "правилно" да се използва главно за позициониране на текст около изображение, когато са в общ родителски блок. За оформление (Layout) е по-добре да не се използва! А вместо това да се използват Grid Layout или Flexbox.
Трябва ли задължително да се ползва свойството box-sizing?
"Задължително" много рядко се използва като термин в HTML и CSS! Обичайно повечето неща са препоръчителни. В случая за свойството box-sizing - аз го използвам почти винаги, защото улеснява много позиционирането на елементите.
Вие ползвате ли съкратеното записване на свойствата на елементите и кое по-точно?
Ползвам го, разбира се. Най-често ползвам два варианта: примерно: margin: 10px; - когато се отнася и за четирите страни едновременно, и margin: 5px 10px; - - когато се отнася за две по две страни едновременно(горе-долу, вляво-вдясно).
"PromoSM"
Трябва ли винаги да слагам CSS стиловете в отделен файл? А ако имам сайт, в който имам по-различно оформени страници - всички техни CSS стилове в общия CSS файл ли трябва да бъдат?
Принципно е препоръчително, според уеб стандартите, да се пишат CSS стиловете в отделен файл! Когато имате по-различна, като оформление, страница в сайта си - има три варианта: 1. Включвате я в края на общия CSS файл(но преди медийните заявки, ако има такива), но само ако това няма да промени някои от другите стилови правила и да окаже влияние върху оформлението на останалите страници! 2. Пишете специфичните стилове за тази страница в отделен CSS файл и поставяте връзка към него в частта head на тази страница, след връзката към основния CSS файл. 3. Пишете специфичните стилове за тази страница в частта head на тази страница, между таговете <style> </style>.
Благодаря ви за прекрасната християнска песен(Чистая Дево), която сте сложили като пример!
Радвам се, че ви е харесала! Това е една от любимите ми православни песни!
Как да си сложа такъв знак за успешна валидация в сайта, след като използвам HTML5 в него?
Няма как! Има два други варианта: 1. Да валидирате само CSS файла и да сложите неговия знак за успешна валидация 2. Да валидирате за HTML 4.01 или XHTML с такава декларация и код
Този урок е много кратък. Ще направите ли още уроци по тази тема?
Ще се постарая, но когато ми остане време!
Ще има ли урок, в който да обясните повече за файла, който обработва данните от формата?
Принципно това се отнася към PHP. Вероятно ще кача пример с изпращане на контактна форма на сайта ми в раздела за PHP. Но тук за момента не планирам да правя уроци за PHP.
Проблем ли е, ако не ползвам във формата си етикети?
Разработчикът има свобода на действие и сам решава това.
Ще има ли още клипове в безплатния курс по HTML?
Не. Този курс завършва с урок 19: Валидиране на HTML файл. Сега продължавам да правя клипове в безплатния курс по CSS.
Тоя елемент base има ли реално приложение, използва ли се на практика?
Може ли да използваме в сайта ни вградени стилове, или винаги всичко трябва да е в CSS файла?
Може ли все пак да се използват остарелите елементи, оправдано ли е?
Има ли смисъл да се ползват изобщо семантическите елементи за форматиране на текст?
Кога ще разгледате смесения вариант inline-block?
Има ли и по-нови мерни единици, за които не сте писали в този урок?
Има, но са свързани основно с мобилните телефони.
Този урок е много кратък. Планирате ли да го разширите?
Да, но когато ми остане свободно време...
Много полезен урок!)))
Не знаех, че таблиците са се ползвали и за оформление на сайта, и защо са го отхвърлили това?
По много причини. Най-важната е, че не е правилно семантично.
Аз не разбрах съвсем добре - има ли изобщо смисъл от използването на тези фреймове?
Има да, но само в по специфични случаи - като показаните в клипа.
Ще напишете ли тук, ако обичате, връзките към уеб сайтовете с безплатните шаблони?
Може ли да ми препоръчате приемлив безплатен хостинг доставчик?
Да, ето интернет адреса на една немска фирма: www.awardspace.com От българските: www.zettahost.bg/free-hosting/
Ще направите ли урок как да персонализираме Notepad++ ?
Ако и когато ми остане свободно време, защото в момента работя по няколко неща, и времето просто не ми достига!
Ще покажете ли как се прави хоризонталното меню на сайта с неподреден списък?
Когато ми остане свободно време, защото в момента работя по няколко неща, и времето просто не ми достига! Потърсете в нета, има достатъчно материали по този въпрос.
Според вас какъв начин на записване на цветовете е най-добре да ползвам в css файла си?
Аз ползвам и препоръчвам като най-лесен HEX - варианта с шестнадесетичната бройна система - примерно стандартен червен цвят е: #ff0000
За адаптивния дизайн проценти ли трябва да използвам?
По принцип да. Най-правилният начин е всички основни блокове да бъдат зададени в проценти(поне ширините), текстът и изображенията също да бъдат адаптивни. Има и вариант да се направи без проценти, но трябва да се създадат много точки на прекъсване(breakpoints), в които да се задават различни оформления според конкретните устройства. Като цяло е добре да се ползват технологиите CSS Flexbox и CSS Grid Layout. Като CSS Grid Layout се ползва основно за разположението на основните блокове в HTML страницата, a CSS Flexbox - за оформлението в самите блокове.
Качих още няколко видеоклипа и постепенно ще добавям още.
Доколкото схванах тази програма е подобна на Делфи, нали така? А ще качвате ли скоро още клипове?
Да, Lazarus е сходна с Delphi. Относно клиповете - започвам постепенно да качвам още.
Видях, че на сайта ви тази глава не е качена, ще я качите ли скоро?
Да, вече е качена!
Видях, че на сайта ви тази глава не е качена, ще я качите ли скоро?
Да, вече е качена!
Аз досега не се бях замислял за разликата между html таг и html елемент. Мислех си, че всички са тагове,. Благодарско, авторе, че ни разясни разликата между двете!
Да ви попитам: според вас с кой редактор е най-добре да се работи при уеб страниците?
Аз смятам, че всеки трябва да избере някой от популярните уеб редактори като ги изпробва и прецени - кой ще му пасне най-добре. Този въпрос съм го разгледал в книгата си и в сайта си. Аз лично работя с Notepad++ и понякога с Vusual Studio Code. За начало, според мен, е най-добре да се започне с Notepad++.
Сега чувам за такова разделение. И според вас на кого трябва да вярваме, след като има две различни организации : на W3C или на организацият на браузърите?
Принципно и на двете!
Интересувам се от тези теми и чакам с нетърпение да добавите още клипове!