suchen
HeimWeb-FrontendHTML-Tutorial3 Tipps, die dich zu einem großartigen Menschen machen

3 Tipps, die dich zu einem großartigen Menschen machen

Jun 24, 2017 am 10:57 AM
专家前端小白技术

Neulinge, die neu im Front-End sind, fragen sich vielleicht:

Kann ich Front-End-Kurse ohne Grundlagen lernen?

Wie fange ich an, Frontend zu lernen?

Wenn Sie ein Frontend-Mitarbeiter sind, fragen Sie sich vielleicht:

Wie kann ich mich verbessern?

Ist es angesichts der niedrigen Obergrenze für die Front-End-Entwicklung wirklich zu einem Engpass gekommen?

Als nächstes werde ich diese Fragen unter drei Aspekten beantworten: Lernen, Üben und Fortschritt, und meine Erfahrungen im Front-End-Wachstum teilen.

1

Lernkapitel

Um das Frontend zu erlernen, empfiehlt es sich, zunächst eine gute Grundlage zu legen. Die Grundlagen sind hier in zwei Kategorien unterteilt: Computer-Grundlagen und berufliche Grundlagen.

Manche Leute denken vielleicht, dass man Frontend-Arbeit auch ohne diese Grundlagen erledigen kann (aus diesem Grund haben wir zuvor gesagt, dass die Schwelle niedrig ist), aber die Beherrschung und das Verständnis dieser Grundkenntnisse bestimmt, wie weit wir gehen können. Dieser Teil des Lernens ist ein schrittweiser Prozess und kann nicht über Nacht erledigt werden.

Wie erlernt man also dieses Grundwissen?

Ich schlage vor, von drei Aspekten auszugehen: Bücher, Codes und Standards.

Bücher: Wenn Sie einen bestimmten Wissenspunkt verstehen müssen, können Sie ein paar weitere verwandte Bücher lesen und verschiedene Erklärungen verschiedener Autoren zu diesem Thema lesen, um sich zu vertiefen Ihr Wissen. Der Effekt ist im Vergleich besser.

Code: Eine gute Möglichkeit zu überprüfen, ob wir das Wissen beherrschen, ist das Lesen des Codes. Es hilft uns nicht nur, unser Wissensverständnis zu vertiefen, sondern kann auch Lücken schließen und uns neue Erleuchtung verschaffen. Welcher Quellcode ist lesenswert?

· Code in Büchern

· Von Vorgängern hinterlassener Code

· Erfahrung im Forum

· Code einer bestimmten Website

· Viele Open-Source-Codes können als unsere Referenzquellen verwendet werden

· Fassen Sie den Code zusammen, den Sie zuvor geschrieben haben, Sie erhalten verschiedene Überraschungen

Standard: Wenn wir Wenn Sie auf a stoßen Wenn Sie ein Problem haben, müssen Sie es bis zu seiner Quelle zurückverfolgen. Und das Nachschlagen von Standards ist der Schlüssel. Die Internettechnologie wird zu schnell aktualisiert und iteriert, und die Ressourcen im Internet variieren von gut bis schlecht. Daher ist eine der wichtigsten Methoden für unser Screening die Konsultation der Standards. Frontend-bezogene Standards sind hauptsächlich in zwei Aspekte unterteilt, nämlich Industriestandards und Herstellerstandards.

Zu den Organisationen, die Industriestandards formulieren, gehören hauptsächlich: Ecma-Organisation/IETF-Organisation/W3C-Organisation

Zu den Plattformen, die Herstellerstandards formulieren, gehören hauptsächlich: IE/ Chrome/Firefox usw.

2

Übungskapitel

Übung Die Bühne ist für Studierende, die auf Engpässe stoßen, sehr wichtig, denn egal wie sie studieren, das ultimative Ziel ist die Lösung praktischer Probleme.

Sie drehen sich um Probleme in der Praxis und können tatsächlich in vier Aspekte unterteilt werden: Problemerkennung, Problemanalyse, Problemlösung und Problemlösung.

Es gibt viele Möglichkeiten, Probleme zu entdecken, einschließlich funktionaler Produktanforderungen, nichtfunktionaler Entwicklungsanforderungen, Fragen, Vorschläge, Beschwerden usw. In den meisten Fällen müssen Front-End-Ingenieure nachdenken und zusammenfassen, was auch eine Herausforderung für uns darstellt.

Wenn wir ein Problem finden, beeilen Sie sich nicht, es zu lösen, analysieren Sie den Kern des Problems, ermitteln Sie die Faktoren, die das Problem verursacht haben, kommunizieren Sie mit mehreren Parteien und machen Sie Vorschläge mehrere Lösungen, analysieren alle Vor- und Nachteile und treffen dann eine Entscheidung basierend auf der tatsächlichen Situation, um das Problem endgültig zu lösen.

Im Geschäftsleben werden 80 % der Fehler hauptsächlich durch unvollständige Berücksichtigung der Geschäftslogik, fehlende logische Beurteilungsverarbeitung, nicht standardmäßige Datenformate usw. verursacht. usw. . Diese Art von Fehler lässt sich relativ schnell beheben, aber es ist einfach, hin und her zu wechseln oder neue Fehler einzuführen. Diese Fehler beeinträchtigen die effektive Arbeitszeit der Entwickler.

Weitere 15 % der Fehler werden durch eigene Codierungsprobleme verursacht, bei denen es sich um technische Fehler handelt. Allerdings werden Entwickler immer vertrauter mit Softwareplattformen und Frameworks und entwickeln ihre eigene Programmierung Mit der Verbesserung der Programmierfähigkeiten und Programmierkenntnisse werden solche Fehler allmählich abnehmen.

Lösen Sie abschließend das Problem, vertiefen Sie Ihr Verständnis, und wenden Sie dann die Lösungen auf einfache Probleme auf komplexe Probleme an , das ist auch eine Möglichkeit, sich zu verbessern.

3

Fortgeschrittenes Kapitel

Nach Erreichen eines bestimmten Niveaus persönliche Fähigkeiten Es ist schwierig, Verbesserungen vorzunehmen, und es ist ein Engpass aufgetreten. Zu diesem Zeitpunkt müssen Sie aus einer persönlichen Perspektive beginnen, um zu verstehen, ob die Obergrenze erreicht wurde, und Sie können auch aus einer Teamperspektive beginnen, um einen Durchbruch zu finden.

Persönliche Fähigkeiten können in der Tiefe und Breite analysiert werden. Die Tiefe gliedert sich in drei Phasen: Auftritt, Prinzip und Umsetzung. Das Aussehen ist die zuvor erwähnte Grundstufe. Der nächste Schritt besteht darin, die Prinzipien zu verstehen und in der Lage zu sein, Wissenspunkte zu erfassen und zu identifizieren. In der Implementierungsphase geht es darum, das vorhandene Wissenssystem vollständig zu nutzen und anzuwenden.

Aus einer breiten Perspektive kann es in zwei Teile unterteilt werden: berufliche Fähigkeiten und Fachgebiet. Berufliche Fähigkeiten können von der Abdeckung und dem Verständnis des Wissenssystems ausgehen. Das heißt, ob die Abdeckung breit genug ist und wie bekannt die gängigen Lösungen sind. Die Erweiterung des Fachgebiets erfordert Kenntnisse über andere Produkte wie mobile Endgeräte, Desktop-Terminals usw.

Wenn Sie in den oben genannten Aspekten hervorragend sind, werden Sie ein ausgezeichneter Front-End-Ingenieur sein. Aber individuelle Exzellenz reicht nicht aus, wir brauchen auch Team-Exzellenz.

Ein Durchbruch für Teams, der sich auf Prozesse, Effizienz und Zusammenarbeit konzentriert. Das aktuelle Arbeitsmodell bei NetEase folgt grundsätzlich dem folgenden Prozess, der relativ detailliert und standardisiert ist.

|. Neue Anforderungen online

Anforderungen → Interaktion → Visuell → Entwicklung → Selbsttest → Fehlermodifikation → Test → Fehlermodifikation → Test →Interaktive Bestätigung→Visuelle Bestätigung→Online-Bewerbung→Bestätigung→Online

|Hotfix online

Problem-Feedback→Fehleränderung→Testen→Fehler Änderung →Testen→Online bewerben→Bestätigen→Hotfix online

Abschließend möchte ich noch zwei Sätze mit Ihnen teilen:

Behalten Sie immer eine bescheidene und umsichtige Haltung Haltung.

Stärkt immer die Kultivierung der Lernfähigkeit.

Auf dem Weg zum Front-End-Lernen besteht neben Selbststudium und Verbesserung eine weitere gute Möglichkeit darin, mit erfahrenen Front-End-Entwicklungsingenieuren zu kommunizieren und die Erfahrungen anderer zu nutzen, um effiziente Lernmethoden zu erhalten und schnelle Weiterentwicklung. Treten Sie meiner Gruppe bei und die Großen werden jeden Tag miteinander kommunizieren

Das obige ist der detaillierte Inhalt von3 Tipps, die dich zu einem großartigen Menschen machen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
HTML als Markup -Sprache: seine Funktion und ihren ZweckHTML als Markup -Sprache: seine Funktion und ihren ZweckApr 22, 2025 am 12:02 AM

Die Funktion von HTML besteht darin, die Struktur und den Inhalt einer Webseite zu definieren, und der Zweck besteht darin, eine standardisierte Möglichkeit zur Anzeige von Informationen bereitzustellen. 1) HTML organisiert verschiedene Teile der Webseite über Tags und Attribute wie Titel und Absätze. 2) Es unterstützt die Trennung von Inhalten und Leistung und verbessert die Wartungseffizienz. 3) HTML ist erweiterbar, sodass benutzerdefinierte Tags SEO verbessern können.

Die Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsDie Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsApr 19, 2025 am 12:02 AM

Die zukünftigen Trends von HTML sind Semantik und Webkomponenten, die zukünftigen Trends von CSS sind CSS-in-JS und CssShudini, und die zukünftigen Trends von JavaScript sind WebAssembly und serverlos. 1. HTML -Semantik verbessern die Zugänglichkeits- und SEO -Effekte sowie Webkomponenten die Entwicklungseffizienz, aber der Browserkompatibilität sollte die Aufmerksamkeit geschenkt werden. 2. CSS-in-JS verbessert die Flexibilität des Stilmanagements, kann jedoch die Dateigröße erhöhen. CssShudini ermöglicht den direkten Betrieb des CSS -Renderings. 3.Webassembly optimiert die Browser -Anwendungsleistung, verfügt jedoch über eine steile Lernkurve, und serverloses vereinfacht die Entwicklung, erfordert jedoch eine Optimierung von Kaltstartproblemen.

HTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenHTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenApr 18, 2025 am 12:09 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML definiert die Webseitenstruktur, 2. CSS steuert den Webseitenstil, und 3. JavaScript fügt ein dynamisches Verhalten hinzu. Zusammen bauen sie den Rahmen, die Ästhetik und die Interaktivität moderner Websites auf.

Die Zukunft von HTML: Evolution und Trends im WebdesignDie Zukunft von HTML: Evolution und Trends im WebdesignApr 17, 2025 am 12:12 AM

Die Zukunft von HTML ist voller unendlicher Möglichkeiten. 1) Neue Funktionen und Standards umfassen mehr semantische Tags und die Beliebtheit von Webcomponenten. 2) Der Webdesign -Trend entwickelt sich weiterhin für reaktionsschnelles und zugängliches Design. 3) Die Leistungsoptimierung verbessert die Benutzererfahrung durch reaktionsschnelle Bildlade- und faulen Ladetechnologien.

HTML vs. CSS vs. JavaScript: Ein vergleichender ÜberblickHTML vs. CSS vs. JavaScript: Ein vergleichender ÜberblickApr 16, 2025 am 12:04 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: HTML ist für die Inhaltsstruktur verantwortlich, CSS ist für den Stil verantwortlich und JavaScript ist für dynamisches Verhalten verantwortlich. 1. HTML definiert die Webseitenstruktur und den Inhalt durch Tags, um die Semantik zu gewährleisten. 2. CSS steuert den Webseitenstil über Selektoren und Attribute, um es schön und einfach zu lesen. 3. JavaScript steuert das Verhalten von Webseiten über Skripte, um dynamische und interaktive Funktionen zu erzielen.

HTML: Ist es eine Programmiersprache oder etwas anderes?HTML: Ist es eine Programmiersprache oder etwas anderes?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingLanguage; itiSamarkuplanguage.1) htmlstructuresandFormatswebcontentuses.2) itWorkswithCSSForstylingandjavaScriptForinteraktivität, EnhancingWebDevelopment.

HTML: Erstellen der Struktur von WebseitenHTML: Erstellen der Struktur von WebseitenApr 14, 2025 am 12:14 AM

HTML ist der Eckpfeiler der Erstellung von Webseitenstruktur. 1. HTML definiert die Inhaltsstruktur und die Semantik und Verwendung usw. Tags. 2. Stellen Sie semantische Marker wie usw. zur Verfügung, um den SEO -Effekt zu verbessern. 3. Um die Benutzerinteraktion durch Tags zu verwirklichen, achten Sie auf die Verifizierung der Form. 4. Verwenden Sie fortschrittliche Elemente wie in Kombination mit JavaScript, um dynamische Effekte zu erzielen. 5. Zu den häufigen Fehlern gehören nicht abgegebene Bezeichnungen und nicht geeignete Attributwerte, und Überprüfungstools sind erforderlich. 6. Optimierungsstrategien umfassen das Reduzieren von HTTP -Anforderungen, die Komprimierung von HTML, die Verwendung semantischer Tags usw.

Von Text zu Websites: Die Kraft von HTMLVon Text zu Websites: Die Kraft von HTMLApr 13, 2025 am 12:07 AM

HTML ist eine Sprache, mit der Webseiten erstellt, die Webseitenstruktur und -inhalt über Tags und Attribute definiert werden. 1) HTML organisiert die Dokumentstruktur über Tags, wie z. B.. 2) Der Browser analysiert HTML, um das DOM zu erstellen und die Webseite zu rendern. 3) Neue Merkmale von HTML5, wie z. B. Multimedia -Funktionen. 4) Zu den häufigen Fehlern gehören nicht abgestimmte Bezeichnungen und nicht geeignete Attributwerte. 5) Die Optimierungsvorschläge umfassen die Verwendung semantischer Tags und die Reduzierung der Dateigröße.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.