Kategorie
Frontend Programowanie

Poprogramujmy frontend #1

Cześć! Miło Cię znowu widzieć!

Dziś trochę bardziej osobiście, dzięki czemu poznasz mnie lepiej. Oprócz tego zarysuję Ci mniej więcej jak wygląda programowanie i świat „internetów”.

Od jakiegoś czasu uczę się pisać kod i programować. Postanowiłem opisać moje postępy i drogę jaką przebyłem. Jestem już na etapie gdzie tworzę własne strony ale serię tych wpisów zacznę od tego jak zaczynałem i czego się uczyłem na samym początku. Wszystko będę starał się tak opisać, żebyś mógł to zobaczyć i sprawdzić na swoim komputerze. Pokaże Ci narzędzia, które nie potrzebują instalacji (działają online), które będziesz mógł używać do testowania rzeczy, które będę Ci tu udostępniał.

Zanim zaczniemy dam Ci zajawkę do zabawy. Jest to dość znana komenda, niemniej jednak jeśli o niej nie słyszałeś to bardzo się cieszę, że będę tą osobą, która Ci to pokaże. Otóż jeśli naciśniesz teraz guzik na klawiaturze F12, to pojawi Ci się z boku lub dołu Twojej przeglądarki okienko(narzędzia developera), w którym będzie dostępne kilka rzeczy: kod źródłowy strony, konsola, źródła z których strona korzysta (wszystkie pliki w tym zdjęcia) oraz ruch sieciowy między serwerem a Twoim urządzeniem (komputerem). Na teraz to tylko ciekawostka. Jak chcesz możesz się pobawić. A ja opowiem o tym trochę więcej w przyszłych postach.

Moja historia- początki

Za dziecka miałem jakieś początki w C# oraz C++. Jednak nie szło mi to za dobrz- chodziłem na kurs na któym dostawaliśmy zadania do wykonania. Zadania potrafiłem wykonać. Co więcej, byłem jedną z osób, któe najszybciej radziły sobie z nimi. Problem miałem jednak inny. Mimo wykonywanych zadań nikt mi nie pokazał, co dzięki temu mogę zrobić- jaką gotową aplikacje, program uda mi się stworzyć dzięki wiedzy którą zdobywam na zajęciach na które chodziłem. Poskutkowało to tym, że porzuciłem programowanie na kilka lat.

Jakoś na początku 2019 roku powróciłem, wybierając jednak tym razem inną scpejalizacje- frontend. Jeśli jesteś mniej technicznym człowiekeim to już tłumaczę co to jest frontend. Jest to „wierzchnia” część wszystkich stron internetowych- czyli ta, którą Ty, jako użytkownik obserwujesz. Na przykładzie facebooka jest to wszystko co widzisz: strona logowania, po zalogowaniu się tablica nowośći (feed), zdjęcia itd. Wraz backendem, czyli tą częścią, która odpowiada za to co dzieje się „pod maską” takiej strony tworzą całość internetu z jakim masz na co dzień do czynienia. Żeby porządku było zadość to wpsomnę też co to jest backend: to ta część, która nie jest widoczna dla użytkownika. Np. w przyadku facebooka: przechowuje hasła i nazwy użytkowników, sprawdza przy logowaniu czy się zgadzają, przehowuje pliki (w tym zdjęcia które wrzucasz), pilnuje by użytkownicy mieli dostęp tylko do tych elementów do których są uprawnione (głupio by było, gdyby przypadkowy użytkownik dostał np dostęp do twoich wiadomości z messengera).

W najbliższych wpisach przedstawię między innymi:
– co to jest język programowania
– czego potzrebujesz, żeby zacząć (jeśli oczywiśćie masz ochotę 😛 )
– co to jest IDE, edytor kodu, kompilator, terminal, walidator kodu
– gdzie szukać wiedzy i materiałów
– jak to się dzieję, że wpisując dany adre URL (link), trafiasz tam gdzie chciałeś
– różnica między HTTP i HTTPS
– co to znaczym, że ruch jest szyfrowany
– co to jest GIT? Czy to jest to samo co github?
– będę też pokazywał rzeczy, których się nauczyłem się w tematach frontendu: HTML, CSS, JavaSript, ciekawsze narzędzia i witryny na które się natknąłem

Oprócz tego może jest coś, czego chciałbyś się dowiedzieć, a co pominąłęm w rozpisce u góry? Koniecznie daj mi znać! 😀
Do usłyszenia! 😉

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *