Leitfaden zur Webentwicklung 2019 – Was man als Anfänger:in oder eingerostete:r Programmierer:in wissen muss

1. Einführung: Hey, Leute, mein Name ist Philip Machine und wir werden über die Entwicklung sprechen und wie ihr anfangen könnt . Sie tragen eine sehr schnelle und und Okay, lassen Sie uns mit der Einführung beginnen. Diese Klasse wird also ein praktischer Leitfaden sein, der für euch alle wichtig ist. Es spielt keine Rolle, ob Sie ein Anfänger oder ein rustikaler Geruch sind. Dann war das letzte Mal, als ich es beschichte, 10 Jahre her. Und wie Sie sich vorstellen können, haben sich so viele Dinge geändert. Und es ist verrückt all diese Begriffe npm, Guetta, Komponist, diese Frameworks, die vorher nicht existierten und es war so verwirrend für mich. Ich fing an zu beschichten, und ich wusste nicht, was ich benutzen muss oder wie ich einen bestimmten Trainer fahren sollte. Jetzt gebe ich Ihnen meine Empfehlungen für 2019 auf. Ich denke, sie sind ziemlich nützlich. Sie werden sehen, dass es mehrere Lösungen für das Problem gibt, und ich werde Ihnen die beste zeigen. Andi Yeah, fangen wir mit der Klasse an. Aber bevor wir zum nächsten Video kommen, möchte ich dir nur etwas über das Klassenprojekt erzählen, und das wird eine Herausforderung für dich sein, am Ende all dieser Videos, die du auswählen musst . Sie müssen eine Sprache auswählen, die Sie lernen möchten. Sagen wir mal, es ist Aussicht. Es ist ein Framework und großzügigen Griff, und Sie werden ein Feuer mit einem Hallo Welt Text oder so etwas wie Beschichtung zu erstellen ist Spaß und Sie werden diese Datei hochladen, um auf. Danach veröffentlichen Sie den Link hier in Skill Share, und es wird warten auf legendäre. Und wenn Sie irgendwelche Fragen haben, ist es super einfach. Du kannst mit dir gehen. Die meisten bewegen sich über dem Video und Sie werden etwas sehen. In einer kleinen Notiz heißt es View All Notizen, und damit kann er eine Notiz zu diesem Video posten. Und wenn etwas unklar ist, kann mich immer fragen. Ich werde versuchen, es so zu beantworten, aber es ist kein Griffey-Computer. Machen Sie es sich bequem und lassen Sie uns etwas lernen 2. Welche Tools du brauchst: Okay, fangen wir mit den Grundlagen an. Die letzten 2,5 Jahre waren super hart, alle Codierung wieder zu lernen, ich habe viele Fehler gemacht und es hat mich ziemlich viel verwirrt. Und ich hoffe, dieser Kerl wird dir helfen, überhaupt nicht verwirrt zu sein. Und, ja, fangen wir mit der Klasse an, die erste Kill Share Klasse. Ja. Okay. ohne weiteres Lassen Sie unsohne weiteresüber Software reden in uns Software und Tools. Andere grundlegende Säulen aus der Programmierung. Ich glaube, du kannst mir zustimmen. Es ist ziemlich heiß, eine Website ohne Browser zu entwickeln. Oh, ohne eine Wieder Angriffe Code-Editor natürlich, Sie können einen Texteditor verwenden, aber sie sind manchmal, wo Projekt wird einfach zu groß und ich würde empfehlen, ah sah Scott-Editor wie Visual Studio-Code von Microsoft zu verwenden . Es ist ziemlich erstaunlich zu verwenden, aber Sie könnten auch Ergänzungstext verwenden. Als ich vor zwei Jahren anfing zu programmieren,benutzte ich Atom. Als ich vor zwei Jahren anfing zu programmieren, Es war sehr schön auf Ich mag es wirklich zu benutzen. Aber als das Projekt groß wurde, wurde der Redakteur sehr langsam. Andi Ich wechselte zu erhabenen Texten und war erstaunlich erhabenen Text öffnet sich sofort, und Sie können es wie ein normaler Texteditor verwenden, nur mit all der Syntax-Hervorhebung, , usw cetera, auf dem die Studiomantel hat auch die automatische Vervollständigung für die Codierung. Das ist wirklich ordentlich. Und wenn du den Debunker benutzen willst, denke ich, das ist ein Muss. Was das Web Broza betrifft, würde ich Ihnen empfehlen, Chrome oder Firefox zu verwenden. Ich bin ein Firefox-Liebhaber. Allerdings die Chrom taub Werkzeuge, die Entwicklung für uns sind viel schneller und viel glatter. Privat verwende ich immer Firefox, und ich mag es. Wie sie Ihre Privatsphäre durch Chrome schützen, ist einfach schneller und hat mehr Innovationen. Trotzdem würde ich Ihnen empfehlen, mindestens zwei verschiedene Browser zu verwenden, da jeder Bruder in der Seite anders rendert . Das bedeutet, dass die Webseite ein bisschen anders aussieht und ganz anders aussehen kann. Hat wo Wenn Sie eine seltsame Box und jetzt zu den letzten drei Aufzählungspunkten haben, sind diese optional. Es hängt davon ab, in welcher Abteilung oder in welcher Art von Karriere Sie machen möchten. Wenn Sie mehr in Design, Ich würde Ihnen empfehlen, als ah MacBook Benutzer und Erwachsene 60 für Microsoft zu skizzieren. Ähm, nur als Nebennotiz. ich der Einzige, der 60 und Dinge über das Emoji anschaut? Als Teenager haben wir die ganze Zeit gesehen. Aber jetzt, mit all diesen echten Emojis, benutzen wir es nicht mehr. Sketch und XY sind sehr wichtig, besonders wenn Sie Kunden haben. Wir fordern, den Fortschritt von Ihrer Website zu sehen. Sie können Drahtrahmen erstellen. Das sind Umrisse. Das stellt die zukünftige Website dar, die Sie bauen werden und Sie können Mock Ups erstellen. Es gibt also mehrere Dinge, die Sie damit machen können. Ich empfehle Ihnen definitiv, sie auszuprobieren. Und, natürlich, 40 Shop ist eine sehr coole Schule zu haben, vor allem in jedem Bereich, in dem Sie arbeiten, oder auch wenn Sie Bilder machen, wurden für die Verwendung der Datenbankverwaltung empfohlen. Ich bin immer noch ein Old-School-Typ. Ich benutze mein s Square, wie ich es vor 10 Jahren benutzt habe. Aber sie sind wirklich coole Anwendung dafür. Geheime Profis. Einer meiner Lieblingsstücke. Es ist nur für MacBook verwendet, und nur für meine Frage Sie Alba ist wirklich nett. Als Microsoft verwenden, würde ich Ihnen empfehlen, meine Frage eine Werkbank oder PHP, mein Admin zu verwenden . Und jetzt zum letzten Punkt. Tut mir leid, Leute, es ist entschlossen. Ich weiß es. Es ist schrecklich und beängstigend und verwirrend wie die Hölle, als ich es benutzen musste. Ich verstand nicht, warum ich es brauchte, und es sieht hässlich aus und es fühlt sich sehr alt an, aber er wird sehen, dass du es jeden Tag benutzen wirst. Aber fürchten Sie es nicht. Es ist sehr einfach zu bedienen am Anfang. Ich würde Ihnen nicht empfehlen, etwas zu installieren, was ich hier empfehle. Aber wenn du fortgeschritten bist, komm zurück und schau nach oben. Was ich Ihnen gesagt habe zu verwenden, würde ich als Mac-Benutzer Seashell und für Microsoft git bash empfehlen. Das sollte völlig genug sein. Das war's also. Wir sind mit Software in seine im nächsten Video fertig. Wir werden alle Begriffe sprechen, die mich sehr verwirrt haben, wie das, was ist ein Front-End-Entwickler ? Was? Es ist eine Tasche und Entwickler. Was ist M. P. M. und holen Sie sie? Wir sehen uns im nächsten Video von 3. Was bedeutet, was was bedeutet.: Also, bevor wir mit dieser Klasse fortfahren, müssen wir all diese Begriffe kennen, wissen Sie, immer da schweben um meinen Kopf, aber die Begriffe auf, und ich werde Ihnen eine Liste zeigen, wo ich treten , Erklären Sie alles auf dem Anzug. Okay, ich stelle Ihnen die wichtigsten Begriffe und Abkürzungen vor, die ich für sehr nützlich halte, als Anfänger oder als rustikaler Programmierer. Und fangen wir mit den Begriffen an. Eigentlich ist es ziemlich lustig. Diese fünf Begriffe sehen Sie auch Job-Titel, die Sie verdienen können. Berufsbezeichnungen sind jedoch DieseBerufsbezeichnungen sind jedochmit Ausnahme von Nummer fünf sehr spezialisiert. Es ist ein Hybrid aus Nummer drei und vier, und ich werde jeden von diesen Begriffen erklären und fangen wir mit Ihnen Ex-Designer an. So steht das UX Design a für den User Experience Designer. Sein Ziel ist es, ein wunderbares Erlebnis auf der Website zu schaffen, so dass der Benutzer wieder zurückkommt und daher die Logik und die Struktur der Website entwirft. Normalerweise erstellt der UX-Designer ah, Drahtrahmen Mock up von der Seite, so dass Sie , ich Designer, die Arbeit aus dem UX-Designer verwenden können, um die Kunst zu erstellen, so dass beide eng mit jedem Sonstiges. Du, ich Designer, steht für den User Interface Designer. Mit der Arbeit des UX Designers entscheidet der Eye Designer, welche Art von Farbe verwendet wird. Und er ist Gitter Farbpalette, so dass es auf jeder Seite sehr homogenisiert aussieht. Es gibt jetzt die Front und Entwickler arbeitet auch eng mit dem U X Designer und dem You are designer zusammen. Zuerst müssen wir verstehen, warum sie zusammenarbeiten und was Front- und Entwickler-Affront bedeutet . Und Entwickler ist jemand, der das Front-End einer Website entwickelt. Also, was ist das Front-End und was ist ein Bank-Ende? Ich zeige dir diesen kleinen lustigen Zeichentrickfilm. Ein echtes wie es, weil der Benutzer, wenn er eine Website anfordert, er sieht nur das Front-End von einer Website. Es ist schön wie eine Meerjungfrau und es sollte schön sein. Natürlich, wenn die Sie Designer sind, macht einen tollen Job, so dass das Front-End ist die Sache, die zu verwenden. Ein Waffenstillstand kann auf klicken, es kann darauf etcetera berühren. Allerdings ist die Tasche und ist, dass, was ist beängstigend und hässlich, wie Sie auf der Karikatur sehen können, nur um es klarer zu verstehen. Das Backend ist normalerweise ein Server, auf dem eine Software mit Ihrem Code ausgeführt wird, so dass, wenn die Anfragen vom Benutzer vom Front-End kommen, der BEGIN jetzt die Anfrage und große Prozesse intern verarbeiten kann , um zum Beispiel zu sagen , -Speicher wie Bilder oder einige Daten in die Datenbank. Und Sie könnten sagen, dass die Backend-Seite das Wichtigste in Ihrem Geschäft ist, weil sie Ihre Geschäftslogik enthält. Es wird nicht auf der Vorderseite und Seite sein, weil der Benutzer könnte Ihren Mantel über das Frontend stehlen . Also Nummer fünf ist der Full-Stick-Entwickler, und es ist normalerweise ein Hybrid aus beiden Welten, wie die Front und die Welt und die Back-End-Welt. Sie werden die Rockstars in der Programmierwelt genannt. Ich mache nur ein Scherz. Sie sind sehr nützlich. Allerdings sind sie nicht so spezialisiert als eine wirklich Front und Entwickler oder zurück und Entwickler, so dass diese Jobs in der Regel in großen Unternehmen gefunden werden. Wenn man sich kleine Unternehmen wie Startups anschaut, wird man sehen, dass der U I Designer in der Regel auch der UX Designer ist. Okay, jetzt reden wir über Akronyme. Ich würde sagen, diese neun meine Top-Lieblings-Akronyme. Sie werden von ihnen die ganze Zeit in Ihrem Carrier hören und die beginnen mit C. M s. Es sendet für Content-Management-Systeme und ich weiß nicht, ob Sie WORDPRESS oder andere CMS kennen . Der Kunde ist in der Lage, Artikel zu fahren, um Artikel zu aktualisieren, um zu löschen. Arktis ist etcetera, ohne zu wissen, wie man kodiert. Also kein Wunder, dass große Websites Sie CMS, die zweite Abkürzung, die ich denke, ist sehr, sehr wichtig in Ihrer Karriere heißt CEO. Es steht für Suchmaschinenoptimierung, die sehr wichtig ist, darüber zu wissen, weil es den Traffic von Ihrer Website erhöht. Sie müssen die Suchergebnisse von jeder Suchmaschine verstehen, wie Google ist yahoo . Sie alle müssen die Anfrage filtern, damit der Benutzer das beste Ergebnis erhält. Also, 10 Jahren war es ziemlich einfach, sehr gut geregnet zu werden. Es brauchte nur etwas zurück Ling's. Dies sind Links von externen Websites, die auf Ihre Website verweisen. Heute ist es jedoch nicht so einfach. Es ist ziemlich kompliziert, sich zu verweilen. Natürlich, Back-Links sind immer noch gültig und sehr nützlich zu haben, Jedoch, Wenn die Website ist immer noch nicht gut und der Benutzer verlassen es sehr schnell, Google wird es bemerken und Rang Ihre niedrigere. Das nächste Akronym heißt Cdn, und es steht für Content Delivery Network. Stellen Sie sich vor, Sie haben einen Benutzer, der aus Australien auf Ihren Server kommt, aber Ihr Server steht in Frankfurt. In Deutschland. Sie können sich vorstellen, dass es so lange dauert, nicht alle Kämpfe von Ihrer Website zu notieren. Es macht also viel Sinn, wenn Ihr Server nur auf der ganzen Welt bekannt ist. Da diese Proxy-Server stehen weltweit, der Benutzer von Sparmaßnahmen, sie können die durch seine sehr schnell Donut. Das nächste Akronym heißt also M. V C, und das ist ziemlich wichtig. Wenn Sie zurück und Sprachen verwenden. Es ist ein Muster, wie Sie beschichten können und es macht Ihre Codierung sehr effizient. Ich erinnere mich noch, als ich diesen Begriff hörte, und es war ziemlich verwirrt, wie , ah, was es ist. So steht die NBC für Modellansicht auf dem Controller, und es ist ein leises, einfaches Muster zu verstehen. Stellen Sie sich vor, dass Sie drei Xer Brände und die ersten Brände genannt das Modell dieseventies Brände irgendwie die Ansicht genannt haben, und das dritte Feuer heißt Controller. Stellen Sie sich vor, ein Benutzer war es Ihre Website. Und das allererste, was passiert ist? Dies erhält der Controller die Anfrage, dass ein Benutzer einige Daten möchte und der Controller denkt, Okay, sollte ich es in der Datenbank überprüfen? Und dafür verwenden wir die Modellklasse. Die Modellklasse kommuniziert direkt mit der Datenbank und gibt das Ergebnis bei Bedarf an den Controller zurück. Danach haben wir die Ergebnisse aus der Modelldatei gesammelt. Das Steuerelement kann dann einen Prozess entscheiden, welche Ansicht angezeigt werden soll. Die Antwort ist zum Beispiel die Willkommensseite von jeder Website und mit dem Prozess außerhalb des für die Verarbeitung Verantwortlichen, können wir entscheiden , zum Beispiel, der Benutzer gesucht oder ist es nur ein Gast? So wird die Website jetzt ein bisschen anders aussehen. Crowd steht für großartiges Lesen, Aktualisieren und Löschen, und es wird in Operationen und Daten-Repositories verwendet, wie zum Beispiel, wenn Sie eine Datenbank wie SQL usw. verwenden. So in der Rückseite und Server, zum Beispiel, im Modell Feuer, haben wir Prozeduren und Funktionen, die neue Datenbankpunkte erstellen oder sie aktualisieren können und Sie Daten Tempo, stieg, etcetera usw. Auf der anderen Seiteist die Ruhe der Menge sehr ähnlich. Auf der anderen Seite Es ist Verhaftung Zelte für repräsentative Staatstransfers. Dies ist sehr typisch in AP Augen verwendet. Der wichtige Teil des Risikos ist, dass Sie es verstehen. Eine Staatenlose. Das bedeutet, dass der Server, er weiß nicht, in welcher Art von Zustand der Benutzer ist und umgekehrt. Bevor wir weitermachen, muss ich erklären, wofür ein P ich steht, und es ist die Anwendungsprogrammierschnittstelle. Und nur um es einfach zu machen, wenn Sie etwas vom Server wollen, erstellen Sie eine I. P. Ich bitte und das Risiko in der Regel, und Ihre l sie gehen Studenten Server und der Server tut etwas hinter den Kulissen, und es reagiert darauf. Also für die i P I, antwortet, Jason Ellis verwendet, es ist ein Feuersystem. Es gibt ein lesbares für JavaScript. Daher steht es für JavaScript-Objekt-Notation, und damit können Sie die Daten speichern, verwenden Sie es verarbeitet den Raum. Lassen Sie uns nun über die letzten beiden Akronyme sprechen. Es oder das C. M. Ein Skript ist eine Teilmenge von Javascript. Nur um es klarer zu verstehen. Jeffers gruppiert ist im Grunde e c m. Ein Skript. , wie Sie Code schreiben, werden jedoch Die Erfindungen in JavaScript, wie Sie Code schreiben, werden jedochbesser und besser. So war sm eine Schreife. Es hat versucht, eine Spezifikation festzulegen, wie Sie JavaScript schreiben, damit der Browser die neue Art und Weise verstehen kann , wie Ihr Code und Sie werden in der Klasse von JavaScript sehen. Ich werde ziemlich viel darüber reden. Das letzte Akronym steht also für das, was Sie sehen, ist das, was Sie bekommen und wird oft in CMS verwendet . So Content-Management-Systeme wie, was Ruhe. Stellen Sie sich also vor, Sie erstellen einen neuen Artikel, den Sie nicht in einem Texteditor schreiben. Es ist mehr wie ein Texteditor, der zeigt, wie es auf der Website aussehen wird. Und das Erstaunliche ist, dass der Benutzer nicht wissen muss, wie man kodiert. Okay, ich denke, wir sind fertig mit Begriffen und Akronymen. Jetzt machen wir die lustigen Sachen und lassen Sie uns über HTML und CSS sprechen. 4. HTML und CSS – was du wissen: als ich es früher gemacht habe. Code HTM vier waas herum und es waas Art anders. Du hast Fleisch und immer Warnungen. Sie müssen es den ganzen Tag aktualisieren. Ja, es war so nervig. Ich bin so froh, dass es vorbei ist. Und jetzt können wir das Web-Erlebnis perfekt genießen, ohne frisch. Okay, jetzt, lassen Sie uns über HTML fünf und CSS reden. Ich würde sagen, das ist sehr wichtig zu lernen. Es spielt keine Rolle, ob Sie nicht effektiv sein wollen, andere per, weil h m l der Baustein jeder Website ist, die Sie besuchen. Es ist also sehr wichtig zu verstehen, wie es funktioniert. Und ich bin mir ziemlich sicher, dass du es lernen wirst. Hmm. Fünf an einem einzigen Tag. Es ist sehr einfach. Sie müssen Syntex nur verstehen, wie es funktioniert, und das war's. Aber bevor wir weitermachen, möchte ich über hmm sprechen. Vier und fünf. Was ist der Unterschied? Derzeit sind alle Brüder mit html fünf. Aber als ich früher zu beschichten Hmm vier war noch da auf diesem Waas er Schmerzen in den Hintern, wo Sie brauchten, um Flash die ganze Zeit auf den ersten Blick verwenden. Hmm. Fünf. Ist das kein großer Unterschied. Aber wenn Sie unter dem Herzen schauen, werden Sie viele Unterschiede sehen. Also zuerst sieht der HTML-Rahmen sehr ähnlich aus. Eigentlich ist es das Gleiche. Sie haben eine Vor-Struktur. Du hast immer noch eine Körperstruktur. jedoch Der Kanalhahn wurdejedochvereinfacht und ist kürzer. Sie werden intern sehen. Hmm. Five bietet eine bessere Fehlerbehandlung, vor allem, wenn Ihre Dokumente falsch formatiert sind oder Ihre Steuer nicht korrekt abgeschlossen ist. Das Gute ist, hmm. Fünf bringt neue Funktionen und Texte wie Leinwand, Video und Audio, denn jetzt, mit H. M I fünf, können Sie alle Videos sehen. Das ist der Grund, warum das Fleisch rapide zurückging. Es ist eine große Veränderung in der Art und Weise, wie wir das Web erleben. Zum Beispiel hat YouTube Fleisch im Jahr 2015 abgewiesen, weil wir es jetzt über die hmm fünf, dann die Tag-Canvas verwenden können . Es wird zum Beispiel zum Beispiel in mobilen Spielen auf die alte Art und Weise verwendet. Du hast Fleisch benutzt, aber jetzt brauchst du es nicht zu benutzen. Wenn Sie Flesh Canvas vergleichen, ist es leistungsweise, sehr ähnlich. jedoch Canvas istjedochviel, viel besser für den Browser optimiert. Das bedeutet, es braucht nicht so viel off Akkulaufzeit auf, wie Sie wissen, es ist sehr wichtig da der Aufstieg von den Smartphones. Es ist okay, das war's. Und jetzt können wir über html fünf sprechen. Was Sie dazu lernen müssen. Fangen Sie mit dem Tank an. Wenn Sie also das Zeichen größer oder kleiner sehen, heißt das Tech und fast jede Technologie hat ein Ende und Sie werden es mit dem Schrägstrich sehen . Und keine Sorge, sie sind wirklich nur eine Handvoll Text, den Sie verwenden werden. Das Wichtigste ist der Angriff. Du musst wirklich verstehen, was es ist. Und wenn Sie sich meine Website ansehen, werden Sie sehen, dass ich def mindestens 70% verwende. Neben tot, würde ich Ihnen empfehlen zu verstehen, was sind Abschnitte. Footer, die naff tack, etcetera und will es ich Ihnen geben, ist, wenn Sie Zauberer Website sind. Versuchen Sie, es zu betrachten und versuchen, sich vorzustellen, Rechtecke über jedes Element zu zeichnen und in der Regel Elemente würden ein diff Bücher sein. Dies gibt Ihnen die Fehde, wie Sie Ihre Website strukturieren sollten. Hier ist ein Beispiel von der Scotia-Website. Sie sehen alle Rechtecke und fast jede Regie A ist ein def Bücher. Also OK, lassen Sie uns über CSS sprechen geht viel, viel tiefer und es ist nicht so einfach wie HTML. Allerdings würde ich sagen, Sie können es immer noch in mehreren Tagen lernen, vor allem dies in Texas. Ziemlich leicht zu verstehen. Aber wenn Sie verglichen würden, wie wir verwendet haben ja s so viel, viel, viel einfacher. Denn in den frühen Tagen strukturierten wir eine Website in Tabellen und es war wirklich ärgerlich, Vor allem, wenn Sie ein responsive Design haben wollen. Das bedeutet, dass für jedes Gerät, egal wie groß sich entscheidet, die Website wird immer noch gut aussehen. Und ich erinnere mich noch, wie stolz ich waas, als ich meine Website erstellt habe. Nur damit gab es erstaunlich. Und jetzt, zwei Jahren, als ich gelernt habe, dass man Flex-Bücher benutzen kann , musste ich wirklich lächeln, weil Haus ja s Leben viel, viel einfacher wurde . Es ist so erstaunlich, wie einfach es jetzt ist, unverantwortliches Design zu schaffen. Es ist also ein Tipp. Ich würde Ihnen empfehlen, auf dieser Website CSS-Tricks zu gehen. Sie können mit dem Mund über das Video schweben und Sie können auf die Notiz direkt auf versuchen, die Website zu verstehen, weil es versucht, Ihnen zu erklären, wie Flex-Bücher zu verwenden, und Sie können diese Website verwenden. Es ist eine Referenzseite, und immer, wenn Sie etwas vergessen, können Sie es nachschlagen. Und dann funktioniert der Duft Howard. Also in den meisten Fällen würde ich sagen, in 1980% der Zeit CSS Vex Bücher, es war völlig genug. jedoch Wenn Siejedochkomplizierte Designs haben, könnte ich Ihnen empfehlen, CSS zu verwenden. Toll, jedoch, wirklich sicher sein, wenn Sie es verwenden möchten, weil es Ihren Code viel, viel länger macht . Aber Sie haben mehr Freiheit, wie Sie Ihren Stil für jede Bildschirmgröße gestalten können. Darüber hinaus, was Sie lernen sollten und C s sind, zum Beispiel, die Variablen. Eigentlich, verwenden Sie es nicht so viel, weil es eine Erweiterung für CSS gibt und es Soße genannt wird. Als Anfänger würde ich Ihnen empfehlen, es zu lernen. Es ist einfach. Es ist CSS sehr ähnlich. jedoch Sie könnenjedochkürzeres Fell schreiben und Sie können lebensfähige Innenseite des Sass verwenden. Und jetzt reden wir über Stiefel Reise. Ich würde empfehlen, es als Anfänger zu verwenden. Es ist das beliebteste Framework für HTML und CSS. Das Framework Super Nice ist nur eine Sammlung von Code. Du brauchst das Rad also nicht wieder zu erfinden. Und es macht Ihr Leben viel einfacher, weil Sie bereits den Code haben und Sie ihn sofort verwenden können. Und Sie denken, Sie sind nicht der Anfänger auf Sie würde sagen, ich bin fortgeschritten. - Ja. Und dann könnte ich dir empfehlen, Tailwind zu benutzen. Sie werden es mögen, aber es ist sehr kompliziert, zuerst zu lernen. Allerdings, wenn Sie sich daran gewöhnen, es macht so viel Spaß zu arbeiten und Ihre Website wird mit ihm erstaunlich aussehen. 5. JavaScript – was du wissen sollst: arbeiten zurück zu Jeff Erskine. Und ich würde sagen, dass sich Javascript von allen bisherigen Änderungen dramatisch verändert hat. Es ist wie eine andere Sprache. Ihr Unterschied stirbt. Wie Sie Code schreiben, haben Sie keine. Oh, diese Frameworks, die wir zu dieser Zeit auf Lee Jae Abfrage hatten. Und es war, ja, ich mochte es nicht, aber du musst es benutzen. Aber jetzt können Sie wählen, reagieren oder angler, ich werde Ihnen später zeigen, was das eigentlich bedeutet. Andi. Ja, fangen wir mit diesem Kurs an. Okay, lassen Sie uns über Javascript sprechen und was Sie wissen müssen. Javascript ist die Sprache außerhalb des Browsers. Wenn Sie also etwas mit Web-Entwicklung machen möchten, ist es sehr wichtig, JavaScript zu lernen. Die coole Sache ist, dass JavaScript nicht nur für den Browser ist, aber Sie können es ein Sebek und Sprache als auch verwenden. So lernt man nur eine Sprache. Aber Sie können zwei Dinge gleichzeitig tun. So wie ein Anfänger zuerst die Synthetik gelernt würde, würde ich lernen, wie welche Art von Daten gibt es vor allem, was ist der Unterschied zwischen einem Objekt und einem luftigen? Danach würde ich mir Funktionen ansehen. Was sind Funktionen? Und wie schreibst du Funktionen? Dann versuchen Sie zu verstehen, was die Schleife zu Innocent versucht wird. Was in wenn Klassen. Wenn du damit fertig bist,kannst du dir deine sechs ansehen. Wenn du damit fertig bist, Dieser Sinn für E c. M. Ein Drehbuch. Dies ist die Art und Weise, wie Sie die Größe JavaScript. Also, weil JavaScript die Art und Weise aktualisiert, wie Sie alte Zeit getötet, ihre neuen Futures und neue Wege Wie Sie Code, zum Beispiel mit es sechs. Wir haben Versprechungen, die sehr nützlich sind. Sie müssen verstehen, dass Jeffers für IHS Single Thread läuft, das bedeutet, dass zwei Bits Off-Skript nicht gleichzeitig ausgeführt werden können. Nun, mit Versprechen haben Sie die Möglichkeit, uns in Crooners Code zu schreiben, das bedeutet, wenn etwas getan ist, können sie bis zu diesem Punkt zurückgehen und dann den Mantel so verarbeiten, wie Sie wollten. Es gibt einen anderen Weg, wie Sie es schreiben können. Dies mit S Inc und warten Schlüsselwörter. Es ist ziemlich schön und macht Ihren Mantel kürzer auf andere Weise. Wie man Funktionen schreibt, ist mit dem Pfeilzeichen, und dies macht Sie auch die Funktion sauberer aussehen. Am Ende würde ich Ihnen empfehlen, sich anzusehen. Was de Strukturierung ist Das macht die Variablen auch sehr kurz und Ihr Fell schlanker. Also, weil all diese Änderungen, wie man fahren kann und dass sie kommen neue Features, nicht jeder Bruder kann sie verstehen. Die meiste Zeit benötigen Sie also einen Compiler oder Sie müssen voll so schlecht fühlen, dass es sich um einen Code handelt, der die Zukunft implementiert, der im Browser nicht unterstützt wird. Dann gibt es Compiler wie Babel, die Ihren Mantel in Vanille-Javascript übersetzen, damit er in jedem Browser verwendet werden kann. Lassen Sie uns jetzt über die beste Funktion in JavaScript sprechen. Ich würde sagen, dass die Module und Modul s eine leise, intelligente Art und Weise, wie Sie eine Anwendung oder Ihren Mantel und separate Dateien teilen können. Denken Sie also darüber nach, dass es keinen Sinn macht, einen Code in einem großen Feuer zu schreiben. Sie werden Trick verlieren, wo bestimmte Trainer ist, Also macht es viel Sinn, es in viele, viele Dateien zu entkoppeln . Und eigentlich, als Anfänger, würde ich nicht empfehlen, Waffen direkt zu verwenden. Ich würde nicht parallele Mischung starten. Es ist so kalt Wrapper um Waffe, so dass U S ein Anfänger. Muss nicht wirklich etwas eingestellt werden, und normalerweise für 80% Rabatt Anwendungsfall. Es ist genug, und Sie müssen keine Einstellungen ändern. Der nächste Tipp ist sehr nützlich, denn wenn Sie mit dem Rücken und der Sprache, in der Regel einem Server,sprechen in der Regel einem Server, möchten Sie einige Ergebnisse wieder auf. Und um diese Anfragen zu erstellen, gibt es mehrere Möglichkeiten, wie Sie es verwenden können. Dafür. Ich würde Ihnen empfehlen, das Paket zu installieren. Zugriff auf ist ziemlich schön, es zu benutzen. Ich denke, es ist sogar der beliebteste Weg, wenn Sie die Daten von der Rückseite und vom Server abrufen können . Du musst definitiv verstehen, was dafür ein Versprechen ist. Und Sie müssen verstehen, welche Art von HTTP-Methoden es gibt wie Puls holen, löschen, aktualisieren, bearbeiten und erinnern Sie sich an die Antwort von einer Tasche und Server wird normalerweise geschrieben, und Jason und Jason ist ein ehemaliger, wie Sie Geschäft und Transport Angelegenheit. Und wenn Sie schauen, wie Jason geschrieben hat, sieht es wie Djebbour-Objekte sieht es wie Djebbour-Objekte mit doppelten Anführungszeichen aus. Nein, der letzte Punkt ISS ein bisschen schwierig, zuerst zu installieren, es heißt S Lind und ist sehr nützlich, weil es Ihren Mantel analysiert und wenn es eine seltsame Box findet , wird es Ihnen zeigen. Und das Gute ist, es gibt einige Stilrichtlinien, die ich wirklich empfehlen kann. Es macht Ihren Code sauberer und viel, viel einfacher zu erreichen. Und als Stargarde gibt es zwei große, eine von Google, die andere von Airbnb. Und ich würde sagen, Nimm den Airbnb, dass er am meisten benutzt wird. Sobald Sie also Ihre Erinnerungen von HTML, CSS und JavaScript jetzt aktualisieren , würde ich sagen, der schwierigste Teil beginnt, denn jetzt müssen Sie sich entscheiden, das JavaScript-Framework zu lernen. Es ist ziemlich erstaunlich, was man damit machen kann. Es spart Ihnen viel Zeit. Sie können Ihren Code mit Komponenten und modular sehr einfach entkoppeln, so dass es Ihre Co sehr wartbar macht. Und das Beste daran ist, dass Ihre Benutzeroberfläche reaktiv sein wird. Das heißt, wenn Sie einen Wert haben, der sich gerade ändert, wird er sofort angezeigt. Es gibt zwei Frameworks, die ich Ihnen empfehlen kann, zu lernen, sehen und zu reagieren. Beide sind super gut. Sie, zum Beispiel, ist leicht zu erlernen und reagieren ist der Industriestandard, und es ist das am häufigsten verwendete Framework. Aber die Sicht ist derzeit exponentiell gewachsen, und als Anfänger würde ich Ihnen wirklich empfehlen, das zu verwenden, weil es leicht zu erlernen ist. Andi. Immer mehr Jobs suchen zurzeit nach Ansicht, so dass Sie beide Optionen haben. Also, das war es JavaScript. Und im nächsten letzten wir darüber reden, gehen und bereisen. 6. Git und Tooling – dein täglicher Workflow: Nun, bevor wir weitermachen und neue Sprachen lernen, wie die Rückseite und Sprachen, müssen wir etwas lernen, das niemand wirklich mag. Aber ich denke, es ist super erstaunlich. Es heißt Git. Eigentlich ist das eines der wichtigsten Sachen in Ihrem Transportunternehmen. Es ist, wie Sie speichern, wie Sie die Dateien speichern können. Also Get ist ein Muss für jeden Entwickler. Doch bevor wir über bekommen reden, möchte ich über das Terminal sprechen. Ich weiß, ich weiß, es klingt sehr beängstigend, und es war auch für mich beängstigend. Als ich früher zu beschichten, Ich brauchte es nicht, um das Terminal zu verwenden, Jedoch, Jetzt verwende ich den Vorsitzenden ständig, zum Beispiel, für die Schaffung neuer Feuer. Laden Sie keine Pakete, Erstellen neuer Ordner, Commit get Dateien, usw cetera, es sagte Raum. Es ist eigentlich so lustig, dass meine Terminals immer geöffnet sind. Und wenn mein Betriebssystem versuchte, sich selbst zu aktualisieren, ist es aktuell, weil Terminal es gut blockiert, weil diese Klasse eher für Anfänger und Rusty Koda's ist, möchte ich es wirklich einfach für Sie machen. Machen Sie Buchbenutzer. Ich habe einen Tipp, wie Sie das Terminal ganz einfach verwenden können, ohne alle Befehle zu lernen. Die einzige echte empfehlen, dass Sie dies brauchen. Der CD-Befehl. Das war's. Also werde ich Ihren coolen Trick zeigen, wo Sie einen Ordner innerhalb des Terminals öffnen können ohne das Terminal selbst zu verwenden. So haben Sie nur einen Blick, wie es funktioniert. Sie gehen zu diesem Ordner, zum Beispiel, wo Sie es im Terminal haben wollten, klicken Sie mit der rechten Maustaste auf den Ordner. Jetzt unter Dienste sehen Sie etwas wie Neues Terminal bei Folder. Und wenn Sie diese Funktion haben möchten, ist es ziemlich einfach zu bekommen. Gehen Sie einfach zu den Systemeinstellungen, als wählen Sie die Tastatur in die Verknüpfung, klicken Sie auf Dienste und scrollen Sie nach unten, bis Sie ein neues Terminal im Ordner finden. Also, wie gesagt, bekommen ist absolut notwendig für alle, die Entwickler. Ich bin mir ziemlich sicher, dass jeder von euch von Steh up right gehört hat, damit ihr euch vorstellen könnt, Get up ist etwas wie Dropbox. Sie können tatsächlich viele Brände dort speichern, aber ursprünglich ist es mehr für den Quellcode auf der Crew Sache über Ernte. Nicht einmal, dass Sie die Daten speichern können, können Sie sie zurücksetzen. Sie können zum vorherigen Commit Ukraine gehen, Zweige erstellen, so dass Sie viele Möglichkeiten haben, wie Sie mit Ihren Dateien arbeiten können, und es ist ziemlich schön. Und ich erinnere mich, wenn die Mühe aufstehen war es ein bisschen verwirrend, weil ich nicht wusste, was es ISS, und jetzt verwende ich es die ganze Zeit. Also am Anfang würde ich Ihnen empfehlen, Get nicht mit dem Terminal zu verwenden, denn zuerst landet es verwirrend und schwer zu erfassen. Aber wenn Sie eine Anwendung verwenden, ist es viel einfacher, weil Sie wissen, wie man sie benutzt. Sie sehen die Knöpfe, usw cetera, etc.. Als Anfänger würde ich Ihnen empfehlen, keine Hilfe zu bekommen verkleidet. Wie im Grants-Benutzer würde ich Ihnen empfehlen, Saw-Stream zu verwenden, da es vor allem besser ist. Sie haben mehr Möglichkeiten. Es sieht ein bisschen kühler aus, und Sie können alternative Plattformen wie Spießeimer usw. verwenden. Okay, jetzt reden wir über Pakete in meinem Video. Was bedeutet was? Ich sprach schon über NPM, Allerdings wollte ich es noch einmal erklären. Es ist so cool, weil es völlig verändert hat, wie ich codiere. Nehmen wir an, Sie haben ein Problem und das Gute ist, dass es jemanden gibt, der bereits das Problem für Sie codiert , so dass es eine Lösung ist und Sie nicht wieder real erfunden haben müssen. Das spart Ihnen viel Zeit. Und es ist so cool zu sehen, wie andere Leute programmieren meinen wichtigsten Tipp machen. Ich würde immer empfehlen, dass Sie schauen, wie andere Menschen, nach, weil Sie gehen, um eine ganze Menge zu lernen. Also, um Package Donut, müssen Sie verstehen, welche Art von Paketmanager Sie für Ihre spezifische Sprache verwenden müssen . Da jede Sprache ihren eigenen Paketmanager und JavaScript hat, haben wir NPM oder yon. Beide sind in Ordnung. Sie sind sehr ähnlich. Aber NPM ist ein bisschen einfacher, also würde ich das verwenden. Und in meinem täglichen Arbeitsablauf verwende ich die ganze Zeitwaffe in meiner Klasse und JavaScript. Ich habe darüber geredet. Ich würde es mit einer schrecklichen Mischung verwenden, weil es ein Ripper ist, der das Leben sehr einfach macht, weil 80% der Anwendungsfälle bereits eingestellt sind, so dass Sie es sofort verwenden können. Wenn Sie Waffen überhaupt nicht mögen, können Sie Paket verwenden. Es ist auch sehr schön. Zwei Jahre. Vielleicht fragst du dich, warum wir Waffen oder Pasa benutzen. Stellen wir uns vor, Sie schreiben eine Menge großzügiger Griffmantel. Es macht keinen Sinn, es an einem Ort zu lassen. In einem großen Feuer müssen Sie es organisieren, indem Sie es in viele Dateien spucken, die Module genannt werden. Dafür brauchst du ein Bündel. Das bündelt jedes Feuer in einer großen Akte. Ja, und das war's eigentlich. Nun, in der nächsten Klasse, bin ich super aufgeregt, über Service-Side-Sprachen zu sprechen. 7. Server – was du wissen: Hey, Leute, ich bin super aufgeregt, dass ihr noch hier seid. Hoher Faktor, dass ich aufgeregt bin. Ja, ich bin mir ziemlich sicher, dass du ein Steak-Entwickler oder Software-Ingenieur werden willst. Und dafür müssen Sie lernen zurück und Sprachen auf. Ja, lass es uns tun. So serverseitige Sprachen. nun Umnunein Full-Stick-Entwickler oder Software-Ingenieur zu werden, müssen Sie eine Service-Side-Sprache lernen. Es gibt mehrere Sprachen, aus denen Sie wählen können, aber für das Codieren von Websites würde ich Ihnen empfehlen, eine aus diesen drei auszuwählen. Sie haben die Wahl zwischen Pfirsich sei kein Js oder Python wegen meines Programmierhintergrunds. Ich habe nicht viel Erfahrung in Notre S und Python nur in PHP. Als ich es das letzte Mal nannte, war Python noch jung und nicht für Websites verwendet. Und kein Jazz gab es nicht einmal. Trotzdem möchte ich Ihnen etwas über die anderen Sprachen erzählen. Nun, aber fangen wir mit PHP an. PHP wurde speziell für Websites entwickelt, die auf einem Server laufen und es ist für die älteste Sprache da. Nein, Jet war ziemlich verwirrend für mich zu verstehen, denn als ich davon hörte, war ich wie eine Front und Sprache wird auch ein Rücken und eine Sprache. Es war eigentlich viel zu viel für mein Gehirn . Ich kann es immer noch nicht glauben, wie sie es geschafft haben. Und es muss erstaunlich sein, keine TSS zurück und Sprache zu verwenden, da Sie nicht die Sprache zwischen Front- und Backend wechseln müssen. So ist es einfacher, Code wieder ohne eine Rose zu schreiben. Python ist ein wirklich interessantes Land, dem Sie alles darauf laufen können. Und es wird himmlisch für KI oder Datenanalysen verwendet. Du würdest gerne in diesem Bereich arbeiten. Große Websites wie Dropbox oder sogar Google verwenden Python. Es gibt sogar einen Spruch Wut. Wenn es möglich ist, oder? Alles in Python Jetzt ist es schwer, die perfekte Sprache für Sie zu empfehlen. Wenn Sie keine andere Sprache neben JavaScript lernen wollen, würde ich Ihnen empfehlen, No Js zu lernen und für mich, als alte Schule PHP-Skript-Kiddie, würde ich Peach Beam sehr empfehlen. Ich weiß, dass viele Leute sagen, dass PHP sehr alt ist und langsam ist, aber innerhalb neuer Updates mit PHP seven plus hat PHP seinen Ruf als voll funktionsfähiger Rücken und Sprache zurückbekommen, besonders wenn Sie -Frameworks. Es ist verrückt, gut Also, wenn Sie aus dem PHP-Hintergrund kommen, empfehle ich Ihnen definitiv, PHP noch einmal zu lernen, so dass es egal ist, was Sie wählen werden. Sie müssen immer noch das grundlegende Zeug lernen. Zunächst einmal die Syntax in der Struktur und den Mustern. Dann würde ich nachschlagen, welche Art von Paketverwaltung es für Ihre Sprache und Ph verwendet wird . B. Es heißt Composer, und endlich würde ich nachschlagen. Wie schreiben Sie http, Anfrage an Ihren Rücken und Server mit dem Umgang, die Sie gewählt haben und vor allem nachschlagen oder Routing durchgeführt wird. Jetzt werde ich Ihnen meine Empfehlungen für die Frameworks vorstellen. Ich weiß, dass ich keine Erfahrung mit den anderen beiden Sprachen hatte, aber es gibt sehr beliebte Rahmenbedingungen, die ich mag und die andere unsere Spender, zum Beispiel. Ich habe nach oben geschaut und ein wirklich, wirklich wie es. Ich werde es erklären, warum, aber zuerst, lasst uns über Pfirsich-Menschen reden. Es gibt zwei große Frameworks, die ich sehr oft verwende. Die, die mir am meisten gefällt, heißt Larra. Nun, es ist ziemlich erstaunlich, weil Sie so viele zu Torys haben. Es gibt so viele Videos darüber, so dass es als Anfänger leicht zu lernen ist, aber Warnung, es ist sehr überwältigend. Und es gibt viel zu lernen, und vor allem die Dokumentation ist nicht klar. Am Anfang jedoch, jedoch, wenn Sie damit arbeiten, wird es klarer, klarer und klarer. Es gibt noch einen großen Rahmen. Es heißt Symphonie, und tatsächlich, Larry gut basiert auf Symphonie, aber Sinfonien mehr in sehr großen Projekten und großen Unternehmen verwendet. Also zuerst würde ich bei Lara bleiben. Nun, Nun, um Jazz zu kennen, gibt es nur einen großen populären Rahmen. Es heißt Express GS ist sehr leicht und sehr schnell. Jedoch gibt es viele wenige einfach nicht enthalten. Sie müssen sie separat donut, aber insgesamt drückt das am häufigsten verwendete aus, daher ist es sehr nützlich, dies zu lernen. Nun, Adonis Jesse ist ein weiterer Rahmen, den ich wirklich mag. Ich habe es nicht benutzt, aber ich habe viele gute Dinge darüber gehört, besonders wenn Sie aus dem Larra-Brunnen-Hintergrund kommen, weil es in Python sehr ähnlich ist, gibt es zwei große Frameworks. Es gibt Jenga und Kolben, und Jingle ist ganz anders als Kolben und allgemein, Sie haben sogar Edmund Panel und Kolben ist im Grunde wie ein Mikro-Framework Es erinnert mich ein bisschen off Express und es gibt Ihnen genau das, was Sie brauchen. Es gibt keine Schnickschnack, aber gleichzeitig gibt es Ihnen viel Freiheit, und Sie können wirklich tun, was Sie tun wollen. Also, das ist es war Service-Sprache ist ziemlich neugierig. Welche Art von Sprache werden Sie wählen und welche Art von Rahmen? Wenn Sie einige eigene Empfehlungen von Frameworks haben, die Sie verwendet haben, schreiben Sie bitte in die Kommentare. Ich bin ziemlich neugierig, weil ich wirklich ein bisschen mehr von anderen Frameworks lernen möchte. Also in der nächsten Woche werde ich über das Klassenprojekt sprechen. Wir sehen uns dort. 8. Kursprojekte hochladen: Herzlichen Glückwunsch. Du hast es geschafft. Du verwaltest die ganze Klasse. Es ist meine erste letzte und es war deine erste Besetzung. Beide weinten Oberman und ich hoffe, diese praktische Anleitung zeigte Ihnen, wie Sie lernen, was Sie in der Zukunft lernen müssen , damit Sie ein Tierarztentwickler Andi werden können, was Sie wählen, Sie wissen, Sie können eine Vorderseite der oberen sein. Sie können ein Rücken- und Entwickler- oder Vollstufenentwickler sein, aber am Ende des Tages müssen Sie dafür arbeiten. Du musst jeden Tag lernen, neue Sachen, und ich weiß, es ist kompliziert oder es klingt verwirrend, aber es ist eigentlich nicht. Sie brauchen nur, zum Beispiel, diesen Leitfaden, den ich Ihnen heute versichere und war, dass Wissen. Du kannst alles sein, was du wie ein Astronaut sein willst. Nein, ich mache ein Scherz, nur ein Webentwickler. Aber ich denke, es wird dir gefallen. Es wird erstaunlich und, ja, ja, also schätze ich, nein, ich am Ende dieser Klasse werde ich dich herausfordern. Ich hoffe, du schaffst es. Es ist eine kleine, kleine Herausforderung bedeutete Mal sehen, ob Sie es tun können, müssen Sie den Code einen einfachen Code-Ort schreiben. Nehmen wir an, Sie nehmen die Sprache HTML, obwohl es keine Sprache per se ist, aber die Ehe oder Sie Können Sie es in Ansicht oder in der winkten Sprache schreiben? Was magst du? Nehmen wir an, PCI und Sie erstellen dieses Feuer und hochgeladen es und Hop on. Sie werden es hier veröffentlichen. Du magst eine Verbindung zu deinem öffentlichen Kampf, Andi. Ja, ich bin mir ziemlich sicher, dass du es selbst machen solltest, aber es wird dich herausfordern, weil du nachschlagen musst, welche Werkzeuge du brauchst, damit die Sprache an Yeah arbeitet, unten gepostet. Ich bin sehr aufgeregt, es zu sehen. Was, wenn du es getan hast? Und wenn Sie ein paar Probleme haben, kann mich immer fragen, ich könnte Ihnen helfen. Überhaupt keine Probleme. Ich helfe Ihnen gerne. Also, Leute, das ist das Ende dieser Klasse. Ich hoffe, du hattest Spaß und du lernst etwas und ich bin ja, ich bin mir ziemlich sicher, dass wir uns wiedersehen werden. Ich mache volle Videos auf Ich werde über alle Sprachen sprechen, sagte, ich zeigte viel tiefer auf. Ich hoffe, du wirst etwas lernen