Creating Personal Website: Navigation bar, About page and Footer

Published: 05 December 2023
on channel: Monkey see, monkey do

290

==========================================================
My personal website: https://maksimkorzh.github.io/persona...
==========================================================

==========================================================
FULL SERIES: • Creating Personal Website: Navigation...
==========================================================

==========================================================
SOURCE CODE: https://github.com/maksimKorzh/person...
==========================================================

==========================================================
VIM Bootstrap: https://github.com/maksimKorzh/vim-bo...
==========================================================

==========================================================
SUPPORT THE CHANNEL
==========================================================
Patreon: / code_monkey_king
PayPal: [email protected]

==========================================================
CONTENTS
==========================================================

00:00 Intro
00:42 If you're not a web developer
01:55 Which techs are required to build personal website
03:00 Basic HTML/CSS layout instead of complicated stack
03:38 What will we build in this video
04:22 Development environment, essentially a text editor
05:25 Creating index HTML
05:40 Why I use VIM text editor
05:55 Long and boring way of copy pasting code snippets
07:18 My custom VIM plugin to significantly speed up the development
08:20 A quick bootstrap.vim plugin source code overview
09:28 Adding STARTER HTML TEMPLATE
09:50 A few words on Bootstrap CDNs
11:50 Loading custom font for the website
12:08 Basic structures of the HTML page
12:18 Adding RESPONSIVE NAVIGATION BAR
12:30 Adding NAVIGATION LINKS
13:10 Extending Bootstrap CSS classes
14:35 Adding DROP DOWN MENU TO NAVIGATION BAR
15:45 Adding MAIN CONTENT of the index page
17:10 Adding FOOTER
18:16 HTML duplication issues and how they usually get resolved
21:15 Index page eventual look
22:05 Outro