Linux serverlinux web serverNETWORK ADMINISTRATIONS

Creating Personal Website: Refactoring Header & Footer

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

==========================================================
FULL SERIES: https://www.youtube.com/watch?v=7-rh88OEagw&list=PLLfIBXQeu3aY2OzsmhFXNYXA4xIEcQP9C
==========================================================

==========================================================
SOURCE CODE: https://github.com/maksimKorzh/personal-website/tree/main/tutorials/part4
==========================================================

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

==========================================================
SUPPORT THE CHANNEL
==========================================================
Patreon: https://www.patreon.com/code_monkey_king
PayPal: maksymkorzh@gmail.com

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

00:00 Intro
00:22 What improvements would be made?
02:12 Using local HTTP server
05:13 Separating HTML/CSS/JS/JSON
08:24 Fetching projects from JSON file via AJAX request
12:24 Moving Header & Footer to separate HTML
15:45 Dynamically fetching Header & Footer via AJAX request
20:45 Fixing navigation links in single place
22:30 Highlighting current tab on navigation bar
29:20 Moving custom CSS classes to a separate file
31:09 End result on my actual personal website

source

by Monkey see, monkey do

linux web server

One thought on “Creating Personal Website: Refactoring Header & Footer

  • Contents:

    00:00 Intro
    00:22 What improvements would be made?
    02:12 Using local HTTP server
    05:13 Separating HTML/CSS/JS/JSON
    08:24 Fetching projects from JSON file via AJAX request
    12:24 Moving Header & Footer to separate HTML
    15:45 Dynamically fetching Header & Footer via AJAX request
    20:45 Fixing navigation links in single place
    22:30 Highlighting current tab on navigation bar
    29:20 Moving custom CSS classes to a separate file
    31:09 End result on my actual personal website

Comments are closed.