Cum se codifică online?

Cum se codifică online?

Mulți dezvoltatori folosesc IDE (Integrated Development Environment) pentru a dezvolta pe mașina lor. Câteva dintre ele sunt gratuite și open-source. Acesta este cazul, de exemplu, al Visual Studio Code, Android Studio sau Pycharm. Alții oferă versiuni plătite dedicate utilizării în afaceri. Acesta este în special cazul cu Visual Studio, suita JetBrain sau Komodo.

Fiecare este liber, în funcție de ecosistemul său de dezvoltare, să opteze pentru una dintre aceste soluții. Cu toate acestea, indiferent de alegere, trebuie mai întâi să treceți printr-o fază de instalare a mediului dumneavoastră.

Cu toate acestea, există alternative care oferă pentru a începe dezvoltarea IT fără a vă face griji cu privire la configurarea unui mediu dedicat pe computer. Acest lucru se datorează IDE-urilor online numite și printr-un acronim mai puțin cunoscut, ODE (Online Development Environment).

Cu siguranță ai văzut-o deja în timpul cercetărilor tale pe forumurile de dezvoltare. Multe dintre ele sunt bine cunoscute comunității. Este întotdeauna plăcut să găsești un link către stackblitz sau codepen atunci când cauți pe forumuri pentru a-ți depana codul. ODE-urile sunt aliați puternici în multe faze ale procesului de dezvoltare.

De ce ar trebui să mă dezvolt online?

Există mai multe motive pentru dezvoltarea online. Ca și în cazul multor instrumente, eficiența și relevanța acestei soluții în comparație cu dezvoltarea pe mașină va depinde foarte mult de contextul dvs. și de situația în care vă aflați.

Personal, folosesc aceste instrumente atunci când vine vorba de a prezenta un proiect scurt, de a face un test de proiectare sau când nu sunt capabil să dezvolt pe o mașină. În general, în situații particulare și în general succinte sunt utilizate aceste instrumente. Mai rar utilizate în timpul unui proces complet de dezvoltare, ele sunt totuși utile și facilitează dezvoltarea în multe cazuri.

Codarea online este mai ușoară pentru începători.

Primul avantaj pe care îl aduc ODE-urile este acela de a facilita considerabil accesibilitatea unui proiect la începutul dezvoltării. Într-adevăr, dezvoltarea online îți va oferi oportunitatea de a te elibera de un mediu de dezvoltare computerizată. Veți putea să vă continuați munca pe mai multe mașini, fără să vă faceți griji pentru sistemul de operare sau configurațiile și dependențele proiectului. Configurații care, apropo, ar trebui instalate de fiecare dată când mașina este schimbată. Dacă vă aflați într-o situație în care trebuie să utilizați diferite mașini, aceasta este o economie semnificativă de timp.

Puțin în plus, un pic de gadget, posibilitatea de a dezvolta pe o tabletă și ecran mobil în timpul mișcării. Rețineți, totuși, că acest lucru necesită gimnastică specială pentru a codifica fără tastatură.

Această eliberare a mașinilor pe care dezvoltați prezintă al doilea avantaj al IDE-urilor online, neavând nicio configurare sau instalare de efectuat. Ca parte a unei tehnici vechi sau învățarea unei noi tehnologii, a putea codifica gratuit online este un atu pentru a nu polua mediile tale cu instalații, al căror interes pentru proiectele tale nu este încă sigur. . Puteți urma tutoriale și instruire în timp ce utilizați instrumente de codare online gratuit.

Mai mult, descentralizarea instalării unui mediu poate avea un avantaj dacă nu ai o mașină cu performanțe bune pentru dezvoltare. Fie că sunt temporare sau din lipsă de resurse, aceste soluții fac posibilă democratizarea programării pentru toată lumea. Mică anecdotă, dacă pleci în vacanță cu PC-ul familiei și ai o dorință irezistibilă de a testa o bucată de cod, vei mulțumi ODE-urilor că ți-au permis să te dezvolți online.

Dezvoltarea online facilitează colaborarea și schimburile.

Când dezvoltăm, în multe cazuri, apelăm la comunitate să ne ajute să rezolvăm o neînțelegere, o eroare sau o anumită dificultate. Aici pot intra în joc instrumentele de dezvoltare online.

Indiferent dacă dezvoltați un întreg proiect online sau dacă vă aflați într-un mediu de mașină, ODE-urile vă vor permite să postați pe forumuri, întrebări ilustrate cu codul dvs. disponibil utilizatorilor de Internet. În plus, pentru a vă răspunde, alți dezvoltatori vor putea contribui folosind ODE și își vor prezenta soluția. Pentru înțelegerea și împărtășirea cunoștințelor cu comunitatea, ODE-urile aduc un real plus.

În același sens, dacă colaborezi punctual cu un alt dezvoltator și că acesta nu are sau nu dorește să-și configureze mașina pentru o mică contribuție. Este posibil să utilizați instrumente online pentru a facilita schimbul spontan.

Codarea online vă permite să vă păstrați și să vă asigurați munca.

Majoritatea soluțiilor de codificare online gratuit oferă spații de stocare în cloud pentru a vă publica proiectul. În plus, mai multe soluții oferă posibilitatea de a automatiza backup-urile spațiilor dvs. de lucru și de a asigura întregul în cazul pierderii unei copii. Astfel, cu excepția cazurilor extreme, proiectele dumneavoastră sunt păstrate într-un loc sigur cu posibilitatea de restaurare prin backup-uri online.

Unele soluții oferă și sincronizarea instrumentului lor cu depozitul tău git la distanță pentru a facilita dezvoltarea filialelor și colaborarea în faza de dezvoltare.

Situații în care dezvoltarea online nu este recomandată.

În ciuda diferitelor avantaje ale IDE-urilor online, există mai multe motive pentru a trece la mediile pe mașină.

Cel mai evident, prin obligație în urma unui contract cu o firmă. Acest lucru se datorează faptului că companiile au de obicei medii dedicate și nu sunt dornice să elibereze cod în mediile online. Asta, din motive evidente de confidențialitate și securitate. În această situație, nu veți avea așadar posibilitatea de a utiliza ODE-uri, decât dacă alegerea unei versiuni dedicate pentru afaceri a fost făcută în cadrul structurii. Dacă nu este cazul, fiți siguri că nu vă va împiedica să lucrați de la distanță. Va fi întotdeauna posibil să utilizați o copie de lucru pe computer sau prin acces de la distanță cu un VPN, conform practicilor companiei.

O altă situație care sugerează că ODE-urile nu sunt soluția potrivită de urmat este dependența de o conexiune stabilă la internet. Fără el, puteți renunța la ideea unui mediu de dezvoltare optim cu IDE-uri online. Cu toate acestea, pentru unele dintre soluțiile online, această problemă a fost rezolvată, vom intra în mai multe detalii mai târziu.

În fine, dacă ai deja o mașină dedicată programării cu performanțe decente, probabil că va fi mai avantajos din punct de vedere al vitezei și performanței, să-ți compilați codul local. Dar în acest caz, este încă interesant să păstrezi un IDE online pentru situații suplimentare.

O listă de 6 IDE-uri de codat gratuit online.

În cele din urmă, ca orice instrument demn de acest nume, ODE-urile au avantajele și dezavantajele lor. Totusi, la nivel personal, mi se pare util sa am in vedere una sau doua referinte, pentru a le folosi in situatiile potrivite. Aici vă ofer câteva dintre sutele de soluții online care toate aduc caracteristici grozave.

StackBlitz – Alegerea flexibilă.

Un nume important în sectorul ODE, StackBlitz se poziționează ca prima alegere pur și simplu pentru că este o referință bine stabilită în rândul dezvoltatorilor. Această reputație îi datorează în primul rând varietatea mare de medii pe care le suportă. Cu titlu indicativ, iată o listă neexhaustivă:

Pe partea cadrelor front-end:

  • React
  • Angular
  • Vue
  • HTML/CSS/JS

Pe partea de cadru back-end:

  • NestJs
  • Express
  • GraphQl
  • JsonServer

O particularitate care a pus StackBlitz în fața scenei este faptul că ai centralizat calculul nu pe un server la distanță, ci pe browser-ul tău web. Acest lucru va avea un impact semnificativ asupra vitezei IDE-ului, precum și asupra accesibilității acestuia. Într-adevăr, această practică permite în special utilizarea StackBlitz fără acces la internet. Această specificitate tehnică este foarte apreciabilă dacă optezi pentru un ODE pentru a programa în deplasare.

Pentru dezvoltatorii cu o mașină cu resurse limitate, dacă lucrați la un proiect back-end, veți avea opțiunea de a testa lansarea serverului în browser.

Vă rugăm să rețineți că soluția gratuită oferă sincronizare numai cu depozitele dvs. publice Github. Dacă, totuși, doriți un spațiu de stocare dedicat sau pur și simplu să vă sincronizați depozitele private, va trebui să vă abonați la versiunea plătită.

Codepen – Ergonomia mai presus de toate.

Codepen este soluția ODE orientată către front-end, care a câștigat deja mulți utilizatori. Prima impresie la deschiderea ODE este ergonomia oferită de interfața de dezvoltare. Un avantaj pe care Codepen îl scoate în evidență foarte mult. Găsești cu acest ODE, posibilitatea de a încorpora Pen (proiecte), pe orice site și de a-ți prezenta rezultatele. Un instrument foarte util atunci când vine vorba de prezentarea POC (dovada de concept). Cu aceste două puncte majore, CodePen oferă un serviciu a cărui utilizare în timpul antrenamentului sau învățării pe calculator este foarte valoroasă.

Versiunea gratuită oferă posibilitatea de a crea o infinitate de proiecte publice. Spatiul de depozitare este inclus intr-o oferta platita.

Replit – Pentru dezvoltare multipartită.

O ofertă destul de solidă în ecosistemul ODE, Replit oferă o versiune gratuită a soluției sale foarte avantajoase. Nu sunteți limitat în ceea ce privește proiectele, vă este alocat un spațiu de stocare de 500 MB, este asigurată colaborarea live, suficientă pentru a petrece sesiuni bune de cod. Dacă doriți să codificați gratuit, cu mai multe persoane și fără costuri, aceasta este o soluție de luat în considerare.

Rețineți, totuși, că versiunea gratuită limitează utilizarea CPU a serverului la distanță. În plus, depozitele private vor fi disponibile numai pentru utilizatorii premium.

JsFiddle – De ce să faci totul complicat când poți să îl faci simplu?

IDE-ul online JsFiddle oferă o interfață curată și intuitivă pentru a începe proiecte statice (HTML/CSS/Js). Bazat pe conceptul less is more, acest IDE rămâne simplist și oferă tot ceea ce este necesar pentru demonstrații, raportarea erorilor și publicarea codului pe web. Aceasta este soluția de luat în considerare chiar la începutul învățării dezvoltării web.

Ca și în cazul multor alte IDE-uri online, puteți codifica gratuit, dar accesul la stocarea privată este contra cost. Mic de menționat, interfața poate fi destabilizatoare prin sobrietatea sa și anumite funcții pot fi greu de accesat.

Gitpod – Automatizează și facilitează gestionarea proiectelor.

Dacă utilizați deja github pentru depozitele dvs. de la distanță, Gitpod este unul dintre cele mai bune ODE-uri pentru a vă satisface nevoile. Ca un server CI, Gitpod vă oferă compilarea ramurilor dvs. direct pe IDE-ul online. Mediul se configurează automat pe baza contextului git pe care îl furnizați. Puteți apoi să codificați online fără restricții, pe proiectele dvs. curente sau să creați altele noi. In ceea ce priveste directoarele, Gitpod ofera sincronizare cu directorul public dar si cu cel privat.

Rețineți că există o extensie de browser pentru a adăuga un buton la GitPod din Github, Gitlab sau Bitbucket.

Cu versiunea gratuită, veți fi limitat în ceea ce privește orele de lucru (50h/lună). Aceasta este o practică uimitoare de limitare, dar lasă posibilitatea de a testa întreaga soluție înainte de a vă abona. În plus, versiunea gratuită limitează la 4 proiecte simultane.

codeTasty – Pentru cei care doresc să-și personalizeze mediul.

O ultimă alternativă interesantă este cea oferită de codeTasty cu un ODE clasic care permite colaborarea în perechi chiar și în versiunea sa gratuită precum și utilizarea extensiilor pentru a-și personaliza IDE-ul. Această a doua caracteristică este departe de a fi anecdotică, deoarece personalizarea IDE-urilor este adesea limitată sau chiar inexistentă în alte oferte online.

Versiunea gratuită oferă colaborare de două persoane în doar două medii, o limitare care face ca versiunea gratuită să pară puțin mai puțin avantajoasă decât concurența.

Concluzie

Iată o listă subiectivă, dar menită să fie amplă în ceea ce privește diferitele soluții puse la dispoziție de ecosistemul IDE online. Există mai multe soluții pentru codare online gratuită sau plătită, în funcție de nevoile dvs. Codarea online este o practică încă puțin promovată în procesele complete de dezvoltare, dar este o soluție nu lipsită de interes în multe cazuri.

Instrumentele prezentate aici sunt cele care au reușit să-și perpetueze soluția și să ofere cele mai exhaustive medii. Cu toate acestea, există multe alți editori de cod online, adesea mai ușori din punct de vedere al funcționalității și care pot fi de interes în cazuri specifice.

Sunteți liber să alegeți oferta cea mai potrivită pentru practica dvs. de dezvoltator.

Photo Maxime Macé

Maxime Macé

Simple passionné de thématiques diverses et variées. J’apprécie enrichir mes connaissances dans les disciplines techniques comme l’informatique, les sciences et l’ingénierie, mais aussi dans les domaines merveilleux de la philosophie, l’art et la littérature.

Prenons contact

Vous souhaitez me contacter suite à la lecture de cet article ? Merci de renseigner votre adresse électronique et je vous recontacterai dans les plus brefs délais.

CV Ingénieur développeur informatique

CV Étudiant PhD Artificial Intelligence

Portfolio Artist designer