Bedste svar
GitHub Student Developer Pack giver ressourcerne til opsæt din egen firstnamelastname.me domæne uden omkostninger. I resten af mit svar glæder jeg mig over, hvorfor det oprindeligt var svært for mig, hvorfor det måske har været en barriere for dig at oprette dit eget websted. Jeg inkluderer en kort, lidt omfattende vejledning beregnet til et studerendes publikum med lidt eller ingen teknisk viden til at oprette et ret offentligt personligt websted til dig selv (der skulle vises, når nogen googler dit navn).
Hvorfor det er virkelig svært at oprette dit eget websted
At have lyst til at vide, hvordan websteder fungerer: Som gymnasieteknologentusiast var jeg altid nysgerrig efter at vide, hvordan websteder fungerede og virkelig imponeret over folk, der havde deres egne. Det hele virkede så simpelt udefra, men hver gang jeg googlede “hvordan fungerer hjemmesider” og gravede dybere, ville jeg gå tabt midt i mærkelige forkortelser og komplicerede klingende ting. TCP, UDP, IP, DNS, IPv6, HTML, JS, CSS – listen fortsætter. Opgaven med at kortlægge disse ufattelige begreber til håndgribelige ting på computere, som jeg vidste om, var ret vanskelig, og en af de ting, der kræver en enorm motivation for at sidde og gå igennem.
Ved beslutningen om bare at oprette et websted for at finde ud af, hvordan de fungerer: Der er et spørgsmål, du kan få hos nogle krævende teknologiske firmaer og finde i annaler for Glassdoor –
Hvad sker der, når du skriver “google [dot] com” i din webbrowser? ( Spørgsmål om Google-interview: Hvad sker der, når du skriver …)
Selv midtvejs i at studere datalogi på college var jeg lidt bekymret for, hvor lidt de fortalte mig om alt dette. I frustration var faldet tilbage at slå op på Google “hvordan man laver et websted”. Med de masser af markedsføringsmidler, der blev lagt på det, kiggede jeg på en overflod af websteder og vilkår, som jeg stadig ikke kunne give for meget mening om – domæner, hosting, GoDaddy, HostGator, routing, CSS, HTML, Javascript, jQuery, WordPress , blogger osv. Dette er hvad det viser mig nu:
For at være ærlig lød alle disse navne meget svindel- y for mig, og deres uforståelighed overskred min motivation. Jeg ville bare have mit eget websted med mit navn – debarghyadas.com [ignorere selvfremmende], og lære at sætte indhold på det.
At være for billig til at købe ting på internettet: Da jeg viklede hovedet omkring nogle af det var lidt fornuftigt. For at skabe et websted skal jeg købe et “domæne”, et webstedsnavn og et “hosting”, et sted der indeholder indholdet på min hjemmeside og giver det, “serverer det”, til dette domæne. Køb. Ikke et smukt ord givet min ikke så dybtliggende sparsommelighed. For som tudent, der lever af freeware, var jeg ikke så ivrig efter at udbetale kontanter til at købe abstrakte ting. Det tog mig år at betale $ 1 for Whatsapp, da det var trivielt at sprænge $ 4 på den overdådige chokolademousskage med vanilleis.
Kom nu – kunne du være mere fidus? “Vi spiser konkurrencen op”? Okay, gator.
For mange studerende (og mennesker) er penge en ret barriere for adgang. Det koster omkring $ 10 / år at købe et domæne (hos GoDaddy) og et lignende beløb at købe hosting på HostGator. Og det involverede at arbejde dig igennem adskillige produkter, som du ikke kunne give mening. Det tykte mig, at du også skulle betale årligt – det var ikke et engangskøb.
Om at ty til ikke at være billig for at motivere mig: Til sidst gennem en lang besværlig proces uddelte jeg pengene og overbeviste mig selv om investeringen ville motivere mig til at lære de nødvendige færdigheder. Jeg mener, at alle altid sagde, at HTML var enkel, og det er det, men websteder lavet med HTML ser også ud som lort. Der var meget forvirring.
Til sidst havde jeg dog ret – investeringen i et domæne og hosting i 5 år fik mig til at finde ud af, hvordan tingene fungerede, og jeg fik en personlig hjemmeside ud og ville gentage det, når jeg havde nogle fritid.
En lidt omfattende guide til at lave dit eget websted gratis
Sådan kommer du til GitHub Student Developer Pack .Ja, det indeholder mange ting, som jeg aldrig har brugt, men hvad det ikke direkte reklamerer for (og sandsynligvis burde) er, at det indeholder alle værktøjerne til at få dit websted på dit domæne til at køre gratis! Det lyder for godt til at være sandt nu.
Handelsværktøjer Her “er en generel retningslinje. Jeg har ikke prøvet det personligt, men jeg forestiller mig, at dette er en god måde at gå på tingene på. Du skal (eller bør) benytte følgende betalte tjenester, som Student Developer Pack leverer (gratis):
1. Github private opbevaringssteder [valgfri]
2. Namecheap .me domæne
3. Namecheap SSL [valgfrit]
4. DigitalOcean-hosting
Og derudover
1. Bootstrap
2. Flere online tutorials og værktøjer – JSfiddle 3. Nogle online skabelonsider – StartBootstrap , BootstrapZero
Hvad skal jeg gøre med de nævnte værktøjer Jeg vil prøve at holde denne mini-guide så enkel som muligt . Det er let at droppe store vilkår, når du ved, hvad de betyder, men kan være en enorm afskrækkende virkning for læsere, der er uklare. Jeg kunne være mere eksplicit og udvide disse, hvis det blev bedt om det.
1. Opret en privat Github lager [valgfrit]
Når du er ved at skrive en masse kode til et projekt, er der mange ting, der kan gå galt.
- Det kan blive slettet fra din maskine, og du er skruet
- Du kan prøve at tilføje en ny funktion uden at tage backup af den gamle version og komme til en tilstand, hvor du glem hvor mange Ctrl + Zer (fortrydelser) du har brug for på hvilke filer for at komme tilbage til fungerende tilstand.
- Du kan have flere personer der arbejder på det separat på deres egne computere og har ingen idé om hvordan man integrerer begge version af projektet.
En n00b-koder kunne foreslå at bruge Dropbox til at dele og synkronisere kodeprojekter, og hvis du “arbejder du selv på det, det kan være en anstændig løsning. Du står dog stadig over for det andet problem i ovenstående liste, og det bliver virkelig vanvittigt, når flere mennesker prøver at arbejde på den samme kodebase samtidigt.
Git (og tilbage i gamle dage, SVN og Mercurial for hipsters) bruges til at “versionere” din kode. Bemærk, at git ikke er github. Det vil sige, du kan foretage ændringer, skubbe dem “opstrøms” til interwebs, hvor de gemmes permanent i dit “arkiv” (gratis). Git er også rent et kommandolinjeprogram, hvilket betyder, at du er nødt til at åbne en af de sorte skræmmende hackerskærme på dit skrivebord og indtaste kommandoer at bruge det. Det er ikke-trivielt at bruge. Github integreres med git og giver dig mulighed for at se de lagre, du har skubbet opstrøms, og giver en masse GUIer til at udføre git-opgaver (opfører sig som et normalt program på din computer). Du kan gennemse dine kodebaser (arkiver) på internettet fra din browser, foretage ændringer, tilbageføre ændringer til det sidste kontrolpunkt (commit) osv.
Github leverede altid gratis arkiver, der var offentlige – hvilket betød, at alle kunne se din kode og bruge den (ja der er Open Source-licenser, men du ved hvad jeg mener). I det væsentlige, hvis du skulle arbejde virkelig hårdt med at designe noget sindssygt lort og genopfinde datalogi, skal din ven bare tage din kode og bruge den til sin egen hjemmeside. Nu med uddannelsespakken kan du få 5 gratis private opbevaringssteder (selvom Github leverede den service til .edu-studerende også før). Gå gennem online-selvstudierne, og find ud af, hvordan du opretter et privat github-arkiv til din websitekode.
2. Få din gratis Namecheap .me domæne
I den længste tid var den eneste domænesælger, jeg kendte til, GoDaddy. Navnet slog mig altid som skyggefuldt, selvom jeg til sidst gik ind for at købe et domæne der. Nu i opstartsalderen har vi et bedre, renere, billigere alternativ – Namecheap.Namecheap var altid billig, men nu kan du få et domæne gratis! Så få dit firstnamelastname.me domæne der nu gratis, før dit meget almindelige navn bliver stjålet (hvis det ikke allerede er). Og prøv ikke at gå tilbage til 90ernes e-mail-dage og køb en raj2kul4skul.me . Don “t. Vær venlig. Den eneste person, der vil imponere, er venner, du har det bedre uden.
Nævner jeg det er gratis?
3 . Hent Namecheap SSL [valgfrit]
Dette er valgfrit, og jeg har ikke fået det til min hjemmeside endnu (fordi det stadig koster penge på GoDaddy). SSL (Secure Sockets Layer) er en fin ting det betyder grundlæggende, at dit webindhold kan serveres “sikkert”. Du får også den seje grønne lås på dit websted, har en https hjemmeside i stedet for http, og føler dig rigtig cool og autentisk:
Uden at gå for teknisk, skal du vide, at – dette er ikke strengt nødvendigt til din personlige hjemmeside, hvor jeg tvivler på, at du laver ting, der kræver så streng sikkerhed. Men hvis du lærer ting om nettet, kan du lige så godt. Det er trods alt gratis?
4. Konfigurer Digital Ocean hosting.
Namecheap: GoDaddy :: DigitalOcean: HostGator.
Namecheap er for GoDaddy, da DigitalOcean er for HostGator – en mere legitim, billigere, bedre designet og lettere at bruge opstart alternativ. Hvad skal det tjene (vise) til brugeren, når du køber et domæne? Dit websted, ikke? Men du kan ikke bare sige tage disse filer på min computer og vise dem dem. Nå, det kan du, og sådan er det. Med DigitalOcean får du gratis “hosting”. DigitalOcean kalder en hostinginstans en “dråbe”.
Dette betyder, at du kan uploade dit websted til en virtuel maskine (læs: en computer) og fortælle dit navnebillede domæne for at betjene indholdet fra den computer. Uden at komme for meget i detaljer er der mange ting, der sker i midten, som DigitalOcean skal tage sig af – ting som at konfigurere og vælge en webserver – nginx eller Apache , og routing af anmodninger på dit domæne specifikt til dit sæt af filer.
5. Oprettelse af det faktiske websted.
Nu kommer til “skriv noget HTML” -delen. At lave et websted har forskellige sværhedsgrader – fra at vise sms “Hello World” i Arial for at oprette en Facebook eller Google. Normalt en int eraktiv applikation, der kræver data og indeholder tilstand, er svær at lave.
Det, du laver, vil sandsynligvis skabe et statisk sted (en flok af den samme tekst / billeder, der serveres til alle hver gang). Dette er meget lettere. Jeg vinder sandsynligvis ikke og kan ikke skrive en komplet tutorial til dette, men hvad universitetsstuderende generelt gør er at lære og bruge følgende ting –
- HTML – dette er det faktiske indhold af tekst / links / billeder / videoer
- CSS – dette får ovenstående indhold til at se smukt ud
- Javascript (JS) – dette giver mulighed for dynamiske elementer og smukke animationer. Antag at du vil lave en knap, der indlæser et billede, der ikke var i din HTML, eller tilføj indhold dynamisk til din HTML. Derefter bruger du JS. En kort historie – JS blev hacket tilbage på dagen om cirka 10 dage, og den indeholder mange bugs og kan være meget detaljeret og uhåndterlig, hvis du skriver meget af det. En nybegynder bruger typisk et bibliotek som jQuery for at gøre det mindre detaljeret og let (selvom jQuery i starten også kan se skræmmende ud med alle sine $ -tegn).
- Bootstrap – Bootstrap er en go-to Frontend-ramme lavet af Twitter. Raw HTML leveres med ret dårlige standardudseende ting. HTML-knappen er ikke til stede, og det at skrive CSS for det tager tid og eksperimentering (jeg mener, lad os være virkelige – ingen kender virkelig “CSS). Bootstrap indebærer at downloade nogle filer, tilføje en linje til din HTML og måske læse nogle dokumentation og tilføjelse af nogle CSS-klasser, de leverer – og voila! Ikke kun ser dit websted så meget pænere ud, men det kan også gøres kompatibelt til mobil (igen, en ikke-triviel indsats).
6. Sætte dit websted online (implementering) Når du er færdig med at oprette og teste dit websted lokalt (på din egen computer) ved at aktivere din lokale vært (lokal webserver – google det.Du har muligvis ikke brug for dette til statiske websteder), og test og blanding med din CSS ved hjælp af de meget nyttige Chrome Developer Tools, og er tilfredse med dit output, du kan gå videre til Digital Ocean, zip op dit websted og sende det til dit server. Hvis du gjorde alt rigtigt, skal du vente et par sekunder og gå til din firstnamelastname.me , så skal du se dit indhold. Og det skal alle andre også kunne.
7. Gør dit fantastiske websted søgbart (SEO)
Et sidste trin er SEO – søgemaskineoptimering. Det endelige mål er at forhåbentlig have et usædvanligt navn og gøre dit websted blandt de bedste resultater, når nogen googler dit navn. Dette kan tage noget tid (men det kan gøres til nu monetære omkostninger). Der er en række måder at gøre dette på, og du kan Google for dem alle. Der er måder at knytte din Facebook til den, din gamle G + -konto, du aldrig bruger med den, tilføje tilpassede metadata, der vises i din Google-søgning osv. I sidste ende, inden for flere uger, medmindre dit navn er ekstremt almindeligt eller desværre det samme som en berømt person, skal du være en af de bedste få resultater på Google.
Diverse ting, du bør vide
Sådan tager du genveje til at lave en smuk side: Afhængigt af hvor meget arbejde du vil lægge på dit websted, kan du altid hente en praktisk bootstrap-skabelon online eller håndlavet dine egne CSS-klasser, hvis du vil have en unikt udseende, eller endda holde det simpelt og gå efter grundlæggende HTML / CSS (hvilket er det, som et stort antal akademikere gør). For eksempel Jon Kleinbergs hjemmeside .
Om ikke at skulle kende PHP og andre smarte ting: Fordi du designer et statisk sted, er der intet kendskab til smarte ting som at skabe en backend, oprette mange sider og have databaser. Ja, jeg taler til dig, alle de mennesker, der ikke ønsker at bruge PHP og MySQL uden god grund (selvom du har brug for det, så prøv at holde dig væk fra PHP). Der er en masse gode backend-rammer derude beregnet til at lave andre typer komplicerede websteder fra Ruby on Rails (i Ruby) til Django (i Python) til Afspil! (i Java & Scala) lette som {div id = “b0a18fc001”> CherryPy (i Python) eller Kolbe (i Python). Faktisk er der rammer for næsten ethvert sprog, du kan forestille dig – Sammenligning af webapplikationsrammer men brænder dig ikke ud ved at bruge / lære om dem endnu.
Om andre ting at overveje at føje til dit websted: Andre ting, du måske vil gøre for dit personlige websted –
- Komprimer dine billeder hvis du bruger mange af dem, dit websted det vil tage lang tid at indlæse.
- Brug sociale plugins fra Facebook / Quora / Twitter
- Tilføj Google Analytics (dette er faktisk næsten et must). Google Analytics lader dig blandt mange andre ting se, hvor mange mennesker der besøger dit websted, hvor de kommer fra osv. Det er en god motivator (forhåbentlig) til at opdatere dit websted og holde det opdateret. Derudover er det meget let at bruge – det involverer bare at kopiere nogle linier kode ind på din side.
- Komprimer dine scripts. Meget af et JS og CSS af et websted kan stadig være synlige for alle, der besøger dit websted. Hvis du tror du har gjort noget forfærdeligt interessant, som du vil skjule, minificer din JS / CSS. Ellers ødelægger det formålet med at have et privat lager. Derudover gør det dit websted hurtigere.
- Krypter din HTML . Igen, hvis du virkelig ikke vil have folk til at se, hvordan du lavede dit websted, er der måder at kryptere din HTML på, så selv ved at klikke på “Vis kilde” -knappen, vil din webside ikke afsløre noget interessant.
Når du skriver dette svar: Mange mennesker spørger rundt om, hvordan man laver deres eget websted. Jeg troede, det ville være nyttigt at skrive en kort (diskutabel), let at forstå lille tutorial til at hjælpe alle. Det er virkelig en af de nemme ting, du skal tænke på. Åh, og nævnte jeg det nu gratis?