2 年前のエンドエンド開発での経験から、フレームワークを学ぶ前にしっかりした基礎を築かないことは、初期のキャリアにおける最大の間違いの 1 つであると深く認識しました。多くの開発者は成功を望んでいますが、基本的な知識の重要性を無視しており、それが最終的にその後の作業に困難をもたらします。
この記事では以下について説明します:
- 私の初期の失敗
- これらの間違いを克服するにはどうすればよいですか
- JavaScript とは
- 概要
私の初期の失敗
大学を卒業した後、他の学生と同じように、私も仕事を見つけて職場で競争したいと熱望していましたが、十分な準備ができていませんでした。大学の 4 年間、私は就職市場で目立つような目立った成果は何もありませんでした。さらに悪いことに、ロックダウンのせいで、オフライン コースに参加できるのは 1 年半ほどしかありませんでした。
正直に言うと、私はオンライン授業をして、テレビシリーズを見て、寝るというサイクルにハマっています。これがあまりにも長く続いたので、就職活動の季節が近づいたとき、私はパニックになり始めました。幸いなことに、高校時代からアルゴリズムとデータ構造に関する確かな知識があったため、中小企業に就職することができました。
応募してから数週間、学校の就職カウンセラーに何度も連絡を取り続けた後、最終的にフロントエンド React 開発エンジニアとしての仕事を得ることができました。
しかし、私のキャリアの最初の6か月間は非常に困難でした。私はアウトソーシング会社に入社し、チームはアクセンチュアやウィプロなどの大企業に開発者を提供しました。私はいくつかのオンライン コースを修了しましたが、実際の Web サイト開発プロジェクトに参加したことはありません。
Ant Design (AntD) ライブラリを使用してカスタム列を定義し、さまざまなデータ型を処理するヘルパー関数を作成するという最初の課題を受け取ったとき、私は自分の知識がいかに少ないかすぐに気づきました。ほとんどのフロントエンド開発者は私のジレンマを理解できると思いますが、私の問題はライブラリ自体にあるのではなく、JavaScript にあります。
入社前は JavaScript の基礎が十分に整っていなかったので、苦労する必要がありました。私の日課は、午前中に JavaScript のチュートリアルを見て、午後に学んだことを応用することです。単純なタスクを完了するまでに 2 ~ 3 倍の時間がかかることがよくあり、効率が低下するだけでなく、非常にイライラします。
私の変身
それを補うために、私は毎朝 Medium.com の記事を読み始め、JavaScript と React 関連のトピックを購読して、パーソナライズされた推奨事項を取得しました。これらの記事は、JavaScript の重要な知識を固め、新しい概念を学び、理解が不足している領域を特定するのに役立ちました。
初心者に強くお勧めする、freeCodeCamp の JavaScript with Data Structures 認定コースも修了しました。これは私にとって転機でした。
2 か月以内に、進歩が見られ始めました。知識が蓄積されるにつれて、UI の課題への対処に対する自信も高まりました。私は、ドラッグ アンド ドロップ インターフェイス、動的なチャット モジュール、プッシュ通知、Google マップのホテル統合などの機能を実装する実験を開始しました。
最初の仕事から 1 年後、私は新しい会社に転職しました。今回は、しっかりとした基礎を築いていたので、以前の 6 か月ほどの苦労はもうありませんでしたので、移行はスムーズでした。
核となる概念の重要性
フロントエンド開発者として、HTML、CSS、JavaScript がすべての作業の中核を形成します。
- HTML はアプリケーションの構造を定義します
- CSS により視覚的に魅力的になります
- JavaScript により対話性と機能が追加されます
これら 3 つのコア テクノロジをマスターすれば、あらゆるものを構築できるようになります。まだの方は、これがコアスキルの強化のきっかけになれば幸いです。
JavaScriptとは何ですか?
JavaScript は、Web ページをインタラクティブにするために使用される多目的プログラミング言語です。単純なアニメーションから複雑なアプリケーションまで、JavaScript は Web ページの動的な動作を強化します。これはフロントエンド開発にとって不可欠なスキルであり、毎日何か新しいことを学ぶことになります。
概要
フロントエンド開発が初めての場合は、基本を飛ばさないでください。 React、Angular、Vue などのフレームワークは強力ですが、それらはすべて JavaScript、HTML、CSS に基づいて構築されています。これらのコアテクノロジーをマスターすると、開発プロセスがよりスムーズになり、生産性が向上します。
私自身の経験を振り返ってみると、基本的なコンセプトへの投資は長期的には価値があると自信を持って言えます。小さく始めて、一貫性を持って、課題に立ち向かってください。
以上が「フロントエンド開発者としての JavaScript 学習に関する厳しい真実の日」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

@keyframesandcsstransitionsdifferincomplexity:@keyframesallowsfordeTailedAnimationのシーケンス、whilecsstransitionshandlesimplestatechanges.usecsstransitionsは、ButtonColorChanges、および@keyframesforintricateanimationslikerotatingingspinnnersを使用します。

私は知っています、私は知っています:たくさんのコンテンツ管理システムオプションが利用可能であり、私はいくつかテストしましたが、実際にはY'知っているものはありませんでしたか?奇妙な価格設定モデル、困難なカスタマイズ、一部は全体になることさえあります&

CSSファイルをHTMLにリンクすることは、HTMLの一部で要素を使用することで実現できます。 1)タグを使用して、ローカルCSSファイルをリンクします。 2)複数のタグを追加することにより、複数のCSSファイルを実装できます。 3)外部CSSファイルは、そのような絶対URLリンクを使用します。 4)ファイルパスとCSSファイルの読み込み順序の正しい使用を確認し、パフォーマンスを最適化すると、CSSプリプロセッサを使用してファイルをマージできます。

FlexBoxまたはグリッドの選択は、レイアウト要件によって異なります。1)FlexBoxは、ナビゲーションバーなどの1次元レイアウトに適しています。 2)グリッドは、雑誌のレイアウトなどの2次元レイアウトに適しています。この2つは、レイアウト効果を改善するためにプロジェクトで使用できます。

CSSファイルを含める最良の方法は、タグを使用してHTMLパーツに外部CSSファイルを導入することです。 1.タグを使用して、外部CSSファイルを導入します。 2。小さな調整のために、インラインCSSを使用できますが、注意して使用する必要があります。 3.大規模プロジェクトでは、@Importを介して他のCSSファイルをインポートするために、SASS以下などのCSSプリプロセッサを使用できます。 4。パフォーマンスのために、CSSファイルをマージし、CDNを使用し、CSSNANOなどのツールを使用して圧縮する必要があります。

はい、Youはrelearnbothlexboxandgrid.1)FlexBoxisidealforone-Dimensional、FlexiblleayoutslikenavigationMenus.2)Gridexcelsintwo-digsignssuchasmagazinelayouts.3)Bothenhanceslaysutibulivedibulisunivedivition、floctonsulururを

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 中国語版
中国語版、とても使いやすい

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
