Site-ul portofoliu personal

UN RAPORT DE PROIECT
DEPUSĂ ÎN ÎNDEPLINIREA PARȚIALĂ A CERINȚEI DE ACORDARE A GRADULUI

LICENȚĂ TEHNOLOGIE
(informatică și inginerie)

TRIMIS DE

ANUPRIYA JOHRI
(RA1811003030365)

SRM INSTITUTUL DE ȘTIINȚĂ ȘI TEHNOLOGIE NCR CAMPUS,

MODINAGAR, GHAZIABAD UTTAR PRADESH (INDIA)
noiembrie 2021

1
 DECLARAŢIE
Acest lucru este pentru a verifica acel raport de proiect intitulat „Site web de

portofoliu personal”, care este depus de mine în îndeplinirea parțială a cerinței de

acordare a diplomei B. Tech in Computer Science and Engineering la SRM

Institute of Science and Technology, Modinagar, Ghaziabad, Uttar Pradesh

cuprinde doar lucrarea mea originală, iar textul a fost recunoscut pentru toate

celelalte materiale utilizate.

Data: Numele elevului

2
 CAMPUS SRMIST NCR, GHAZIABAD, UTTAR
PRADESH

CERTIFICAT BONAFIDE
Certificat că acest raport de proiect „Proiectul site-ului web al portofoliului

personal” este o lucrare de bună-credință a „Anupriya Johri”, care a desfășurat

activitatea proiectului sub supravegherea mea.

Semnătura Semnătura

(Șef departament) (Supervizor)

RP MAHAPATRA AMIT SHARMA

(Informatică și inginerie) (Informatică și inginerie)

SRMIST NCR MODINAGAR SRMIST NCR MODINAGAR

3
 CUPRINS
CAPITOLUL NR. PAGINA DE TITL NR.
REZUMAT 5
LISTA FIGURILOR 6
LISTA SIMBOLURILOR 7
LISTA DE SIMBOLULE,
ABREVIERI ȘI
NOMENCLATURĂ
1. INTRODUCERE 8
1.1 OBIECTIVE
1.2 SECȚIUNEA ACASA
1.3 DESPRE SECȚIUNEA
1.4 SECȚIUNEA ABILITĂȚI
1.5 SECȚIUNEA DE EXPERIENȚĂ
1.6 SECȚIUNEA DETALII DE CONTACT
2. SOFTWARE UTILIZAT 14
2.1 HTML
2.2 CSS
2.3 JAVASCRIPT
3. SEMNIFICAŢIE 15
4. PROVOCĂRI 16
5. CONCLUZIE 17
6. REFERINȚE 17

4
 ABSTRACT

Acest proiect web de portofoliu personal se bazează pe Dezvoltare Web.

Acesta este dezvoltat folosind HTML5, CSS și JS. Editorul de cod

utilizat pentru acest proiect este VS Code. Afișează experiența

profesională a unei persoane. Afișează informații scurte despre

experiențele de muncă până în prezent, educație, abilități și detalii de

contact, împreună cu link-uri de social media. Toate elementele sunt

redate distinct pe site.

5
 LISTA FIGURILOR

1. Secțiunea Acasă
2. Secțiunea Despre
3. Secțiunea abilități
4. Secțiunea de experiență
5. Secțiunea detalii de contact

6
 LISTA SIMBOLURILOR, ABREVIERII ȘI
NOMENCLATURĂ
Abrevieri
1. IDE – Mediu de dezvoltare integrat
2. HTML – Limbajul de marcare hipertext
3. CSS – Foi de stil în cascadă
4. JS – JavaScript
5. Cod VS – Cod Visual Studio

7
 INTRODUCERE

Site-ul web de portofoliu personal oferă informații scurte despre

mediul profesional al unei persoane. Acest proiect cuprinde trei fișiere.

Mai întâi este un fișier HTML pentru crearea de markup al aplicației pe

web. Apoi fișierul CSS este folosit pentru a oferi mai multe stiluri site-

ului. Apoi fișierul JS este folosit pentru a oferi o funcționalitate

adecvată aplicației prin JavaScript.

1.1 OBIECTIVE
1.1.1 Elemente redate distinct
1.1.2 Informații scurte despre:-
Experiență de muncă
Educaţie
Aptitudini
Modalitati de contact

8
1.2 SECȚIUNEA ACASA

Afișează numele meu, starea mea actuală de lucru și de unde sunt. În

partea de sus, are și bara de navigare care afișează alte file ale site-ului
meu și comenzile rapide pentru detaliile mele de contact în dreapta
sus.

9
1.3 DESPRE SECȚIUNEA

Afișează o introducere rapidă pentru mine, un buton oferit și pentru a-

mi vizualiza CV-ul. Bara de navigare are proprietăți lipicioase care fac
vizibile chiar și după derularea în jos.

10
1.4 SECȚIUNEA ABILITĂȚI

Afișează abilitățile mele tehnice cu competența mea tehnică afișată ca

procent pentru fiecare tehnologie și experiența mea curentă de lucru.

11
1.5 SECȚIUNEA DE EXPERIENȚĂ

Această secțiune afișează experiența mea de muncă, inclusiv

experiența mea de voluntariat în orice organizație și stagiile mele.

12
1.6 SECȚIUNEA DETALII DE CONTACT

Această secțiune are toate linkurile enumerate mai jos:

a. Whatsapp
b. Apel
c. Poștă
d. Conectat în
e. Instagram

13
 SOFTWARE UTILIZAT

Editorul de cod pe care l-am folosit pentru acest proiect este VS Code. Este folosit

pentru a codifica bucăți complexe de programe și pentru a dezvolta proiecte

complexe. Alte tehnologii pe care le-am folosit pentru acest proiect sunt HTML5,

CSS și JS.

2.1 HTML5

Este codul pentru crearea paginilor web, folosind etichete și alte comenzi pe care

un browser le citește și le convertește în paginile web normale pe care le văd

oamenii.

2.2 CSS

CSS este limbajul de descriere a prezentării paginilor Web, inclusiv culorile,

aspectul și fonturile.

2.3 JS

JavaScript este un limbaj de programare bazat pe text, folosit atât pe partea client,

cât și pe partea serverului, care vă permite să faceți pagini web interactive. Oferă

paginilor web elemente interactive care implică un utilizator.

14
 SEMNIFICAŢIE

Semnificația portofoliului personal este că vă prezintă munca care vă reprezintă

performanța și abilitățile, precum și punctele forte și punctele slabe. Punctul

culminant al muncii care este reprezentat într-un portofoliu permite colegilor,

mentorilor și potențialilor angajatori să înțeleagă despre tine ca student, pasiunile și

munca ta.

15
 PROVOCĂRI

Provocările cu care s-au confruntat pe parcursul acestui proiect au fost:

1. Conectarea fișierelor Google Drive, cum ar fi imaginile și documentele

mele.

2. Spațierea corectă a elementelor folosind CSS.

3. Alegerea fundalului a fost o provocare majoră, deoarece trebuia să fie atât

formală, cât și liniștitoare pentru ochi.

16
 CONCLUZIE

În cele din urmă, pentru a încheia, am dezvoltat un site web de portofoliu personal

simplu și de bază, folosind HTML5, CSS, JavaScript folosind VS Code ca IDE, pe

care l-aș continua și pe viitor.

REFERINȚE

 Curs Coursera:

Introducere în dezvoltarea web, UC Davis de Daniel Randall – A învățat

temeinic toate cele trei limbi HTML5, CSS și JS.

 Stack Overflow: Cum să modificați linkurile Google Drive pentru a le

încorpora în eticheta de ancorare în HTML.

 Școli W3: Cum să oferiți tuturor rețelelor sociale și link-uri de contact.

17