検索
ホームページウェブフロントエンドCSSチュートリアル「フロントエンド開発者としての JavaScript 学習に関する厳しい真実の日」

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 サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
@KeyFrames対CSSトランジション:違いは何ですか?@KeyFrames対CSSトランジション:違いは何ですか?May 14, 2025 am 12:01 AM

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

静的サイトコンテンツ管理にページCMSを使用します静的サイトコンテンツ管理にページCMSを使用しますMay 13, 2025 am 09:24 AM

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

HTMLのCSSファイルをリンクするための究極のガイドHTMLのCSSファイルをリンクするための究極のガイドMay 13, 2025 am 12:02 AM

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

CSS Flexbox vsグリッド:包括的なレビューCSS Flexbox vsグリッド:包括的なレビューMay 12, 2025 am 12:01 AM

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

CSSファイルを含める方法:メソッドとベストプラクティスCSSファイルを含める方法:メソッドとベストプラクティスMay 11, 2025 am 12:02 AM

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

FlexBox対グリッド:両方を学ぶべきですか?FlexBox対グリッド:両方を学ぶべきですか?May 10, 2025 am 12:01 AM

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

軌道力学(またはCSSキーフレームアニメーションの最適化方法)軌道力学(またはCSSキーフレームアニメーションの最適化方法)May 09, 2025 am 09:57 AM

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

CSSアニメーション:それらを作成するのは難しいですか?CSSアニメーション:それらを作成するのは難しいですか?May 09, 2025 am 12:03 AM

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

SublimeText3 中国語版

SublimeText3 中国語版

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

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

MantisBT

MantisBT

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

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

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