Python + JavaScript - Portfolio Web App Tutorial
Host your website with Hostinger by going to: https://hostinger.com/TechwithTim and using my code TECHWITHTIM
In today's video I'm going to be showing you guys how you can create your own portfolio website using Python and JavaScript.
🎞 Video Resources 🎞
Hosting Django on Hostinger? https://support.hostinger.com/en/articles/1583678-is-django-supported-at-hostinger
Official Django Deployment Guide: https://docs.djangoproject.com/en/5.0/howto/deployment/
Finished Code: https://github.com/techwithtim/Python-JS-Portfolio-Website
Fix Pip (MacOS): https://www.youtube.com/watch?v=E-WhAS6qzsU
Fix Pip (Windows): https://www.youtube.com/watch?v=AdUZArA-kZw
00:00 | Video Overview
00:53 | Demo
03:36 | Setup/Imstall
05:55 | Django Project Setup
09:28 | Creating Our Model
18:21 | Django Admin Panel Setup
28:54 | Template/HTML Setup
30:51 | Writing Our Views
33:01 | Writing A Base Template
41:56 | Writing The Filtering JavaScript
01:00:58 | Writing The Project HTML
01:08:52 | Writing the Image Handling JavaScript
01:19:20 | Styling Our Site
#techwithtim #programming #javascript #codingtips #websitebuilding
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Tech With Tim · Tech With Tim · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
![How to Fade Your Screen in Pygame [CODE IN DESCRIPTION]](https://i.ytimg.com/vi/H2r2N7D56Uw/mqdefault.jpg)
52
![How to Create a Button in Pygame [CODE IN DESCRIPTION]](https://i.ytimg.com/vi/4_9twnEduFA/mqdefault.jpg)
53
54
55
56
57
58
59
60
A* Path Finding Algorithm(Visualization)
Tech With Tim
Python Programming Tutorial #1 - Variables and Data Types
Tech With Tim
Python Programming Tutorial #2 - Basic Operators and Input
Tech With Tim
Python Programming Tutorial #3 - Conditions
Tech With Tim
Python Programming Tutorial #4 - IF/ELIF/ELSE
Tech With Tim
Python Programming Tutorial #5 - Chained Conditionals and Nested Statements
Tech With Tim
Python Programming Tutorial #6 - For Loops
Tech With Tim
Python Programming Tutorial #7 - While Loops
Tech With Tim
Python Programming Tutorial #8 - Lists and Tuples
Tech With Tim
Python Programming Tutorial #9 - Iteration by Item (For Loops Continued...)
Tech With Tim
Python Programming Tutorial #10 - String Methods
Tech With Tim
How to Overclock a NVIDIA GPU
Tech With Tim
Python Programming Tutorial #11 - Slice Operator
Tech With Tim
Python Programming Tutorial #12 - Functions
Tech With Tim
Python Programming Tutorial #13 - How to Read a Text File
Tech With Tim
Python Programming Tutorial #14 - Writing to a Text File
Tech With Tim
Python Programming Tutorial #15 - Using .count() and .find()
Tech With Tim
Python Programming Tutorial #16 - Introduction to Modular Programming
Tech With Tim
Python Programming Tutorial #17 - Optional Parameters
Tech With Tim
Python Programming Tutorial #18 - Try and Except (Python Error Handling)
Tech With Tim
Python Programming Tutorial #19 - Global vs Local Variables
Tech With Tim
Python Programming Tutorial #20 - Classes and Objects
Tech With Tim
Cool VBS Script to Prank Your Friends!
Tech With Tim
How to Overclock an AMD GPU
Tech With Tim
Best GPU'S For Mining Ethereum (2018)
Tech With Tim
Recursion and Memoization Tutorial Python
Tech With Tim
Ethereum Mining Rig - Hardware Guide
Tech With Tim
Pygame Tutorial #1 - Basic Movement and Key Presses
Tech With Tim
How to Install Pygame (Windows 8/10)
Tech With Tim
How to Trade Your Cryptocurrency (Bitcoin, Ethereum etc.) For Cash!
Tech With Tim
How to Mine Ethereum 2018 - WORKING (Super-Easy)
Tech With Tim
Microphone Comparison - $10 Mic vs $150 Mic (Blue Yeti USB)
Tech With Tim
Pygame Tutorial #2 - Jumping and Boundaries
Tech With Tim
Pygame Tutorial #3 - Character Animation & Sprites
Tech With Tim
Pygame Tutorial #4 - Optimization & OOP
Tech With Tim
OBS Studio Tutorial - Best OBS Settings
Tech With Tim
Linear Search Algorithm - Python Example and Code
Tech With Tim
Make Any Mic Sound AMAZING! (WITH OBS)
Tech With Tim
Binary Search Algorithm - Python Example & Code
Tech With Tim
Pygame Tutorial #5 - Projectiles
Tech With Tim
Pygame Game - Mini Golf
Tech With Tim
Pygame Tutorial - Projectile Motion (Part 1)
Tech With Tim
Pygame Tutorial - Projectile Motion (Part 2)
Tech With Tim
Pygame Tutorial #6 - Enemies
Tech With Tim
Pygame Tutorial #7 - Collision and Hit Boxes
Tech With Tim
Pygame Tutorial #8 - Scoring and Health Bars
Tech With Tim
Cloud Mining vs. Hardware Mining - 2018
Tech With Tim
How to Install Pygame on Mac OSX (Fast-Simple)
Tech With Tim
Pygame Tutorial #9 - Sound Effects, Music & More Collision
Tech With Tim
Pygame Tutorial #10 - Finishing Touches & Next Steps
Tech With Tim
How to Fade Your Screen in Pygame [CODE IN DESCRIPTION]
Tech With Tim
How to Create a Button in Pygame [CODE IN DESCRIPTION]
Tech With Tim
Pygame Side-Scroller Tutorial #1 - Scrolling Background/Character Movement
Tech With Tim
Pygame Side-Scroller Tutorial #2 - Random Object Generation
Tech With Tim
Pygame Side-Scroller Tutorial #3 - Collision
Tech With Tim
Pygame Side-Scroller Tutorial #4 - Scoring and End Screen
Tech With Tim
How to Create A Message Box in Python - Tkinter
Tech With Tim
Is Ethereum Mining Still Profitable - Is It Worth It (April 2018)
Tech With Tim
How to Run MAC OSX on a WINDOWS PC (Clover Boot-loader)
Tech With Tim
Programming Problem #1 - Alphabet Soup (Beginner/Novice)
Tech With Tim
More on: AI Workflow Automation
View skill →
Related AI Lessons
⚡
⚡
⚡
⚡
I’m a Professional. I’ve Seen Other Attorneys’ AI Portraits and They’re Horrible.
Medium · AI
Why We Built AIKitHub: The Story Behind the Ultimate AI Tool Directory
Medium · AI
The Claude Recruitment System That Got Me Interview-Ready in a Weekend
Medium · AI
How to Turn One Blog Post Into Five AI-Powered Assets
Medium · AI
Chapters (13)
| Video Overview
0:53
| Demo
3:36
| Setup/Imstall
5:55
| Django Project Setup
9:28
| Creating Our Model
18:21
| Django Admin Panel Setup
28:54
| Template/HTML Setup
30:51
| Writing Our Views
33:01
| Writing A Base Template
41:56
| Writing The Filtering JavaScript
1:00:58
| Writing The Project HTML
1:08:52
| Writing the Image Handling JavaScript
1:19:20
| Styling Our Site
🎓
Tutor Explanation
DeepCamp AI