Creați și implementați un site web de portofoliu [Curs de tutorial complet]

Acest curs te va învăța să construiești și să implementezi un portofoliu frumos pentru tine. Pentru a viziona versiunea interactivă a cursului, vizitați cursul original Scrimba 👉 https://scrimba.com/g/gportfolio (codul disponibil la acel link).

De ce ar trebui să ai un portofoliu?
În calitate de dezvoltator, aveți nevoie de modalități de a vă prezenta abilitățile potențialilor angajatori. Nu există o modalitate mai bună de a face acest lucru decât o pagină de portofoliu dedicată. Vă oferă control deplin asupra modului în care doriți să vă prezentați.

În acest curs, profesorul genial Kevin Powell vă va ghida prin fiecare pas al construirii unui site web de portofoliu cu aspect elegant. De asemenea, vei învăța să-l personalizezi pentru a se potrivi stilului tău personal. Spre sfârșitul cursului, Kevin vă arată cum să implementați site-ul pe DigitalOcean, astfel încât să ajungeți cu un site web live după finalizarea cursului!

Site-ul este construit fără a utiliza cadre web, astfel încât singurele condiții prealabile pentru acest curs sunt abilitățile de bază HTML și CSS.

⭐️ Conținutul cursului ⭐️
⌨️ (0:00) 1. Introducere
⌨️ (4:31) 2. Configurarea lucrurilor – HTML
⌨️ (9:03) 3. Zona antet – HTML
⌨️ (14:02) 4. Secțiunea de introducere
⌨️ (19:56) 5. Despre mine, Muncă și Subsol – HTML
⌨️ (28:39) 6. Configurarea proprietăților personalizate și a stilurilor generale
⌨️ (39:22) 7. Stilizarea titlurilor și subtitrarilor
⌨️ (43:38) 8. Configurarea secțiunii de intro
⌨️ (55:57) 9. Stilizarea secțiunii de servicii
⌨️ (1:08:50) 10. Secțiunea Despre mine
⌨️ (1:19:52) 11. Portofoliul
⌨️ (1:28:40) 12. Adăugarea pictogramelor sociale cu Font Awesome
⌨️ (1:31:39) 13. Stilizarea subsolului
⌨️ (1:37:26) 14. Configurarea stilurilor de navigare
⌨️ (1:44:24) 15. Crearea Hamburgerului
⌨️ (1:51:17) 16. Adăugarea JS
⌨️ (2:00:29) 17. Crearea paginii de articole din portofoliu
⌨️ (2:06:42) 18. Personalizarea paginii
⌨️ (2:08:45) 19. DigitalOcean Droplets – Ce sunt acestea și cum să configurați una
⌨️ (2:19:02) 20. DigitalOcean Droplets – Încărcarea fișierelor prin FTP

—

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://freecodecamp.org/news

Cursuri interesante:

• Creați un sistem de design cu CSS – Curs de dezvoltare web
• Introducere în Responsive Web Design – Tutorial HTML și CSS
• Tutorial pentru site-ul portofoliu – Dezvoltare front-end cu HTML, CSS, JavaScript
• Tutorial HTML / CSS – Creați o componentă Rezumat Comenzi
• Tutorial HTML – Cum să faci un site web super simplu
• Curs complet CSS – Include tutoriale Flexbox și CSS Grid
• Tutorial de proiect HTML și CSS – Construiți un site web cu rețete
• Învață Bootstrap 5 și SASS prin construirea unui site web de portofoliu – Curs complet
• Tutorial Sass pentru începători – CSS cu superputeri
• Aflați accesibilitatea – Tutorial complet a11y