Articles

Web開発者になる方法

by admin

特定のスキルが需要が高まっています。ほとんど何年も何十年もあなたの仕事と機会を保証することができるスキル。

これらのスキルの1つはweb開発です。あなたはウェブ開発者になる方法を疑問に思っていますか？

あなたはウェブ開発者になる方法を疑問に思っています

一般的な信念に反して、web開発者になり、機能的なwebサイトを作成するためにコンピュータサイエンスの派手な学士号を必要としません。

実際には、この記事の指示に従えば、あなたは思っているよりもはるかに速くweb開発者になることができます（しかし、それはまだいくつかのハード).

準備はできましたか？

基本から始めましょう：

What/Who is A Web Developer

この質問に対する簡単な答えは次のとおりです：彼らはwebサイトを構築し、維持しています。

言い換えれば、彼らは文字通りあなたがウェブを体験する方法を作成します。 ユーザーが自分の経験を楽しむためにしたいウェブサイトは、偉大なweb開発者を必要とし、彼らは通常、これらの偉大なweb開発者を得るためにいくつかの深刻な現金の上にフォークして喜んでいます。

web開発者の責任：

  1. マークアップ言語の組み合わせでwebページを作成します。
  2. 品質のモックアップとプロトタイプを作成します。
  3. 最初からWordPressサイトを構築します。
  4. HTMLとCMSを理解しています。
  5. UI、UX、学習の使いやすさを理解します。
  6. 機能的で魅力的なウェブサイトやwebベースのアプリケーションを開発します。
  7. ウェブサイトのメンテナンスと機能強化を提供します。

これらは最も一般的な要件ですが、あなたの責任とタスクは、web開発のギグだけでなく、web開発の専門分野によって異なります。

web開発の専門分野といえば、あなたが知っておくべき三つがあります。

  1. フロントエンド開発：”フロントエンド”は、メニュー、ドロップダウンなど、あなたが見て対話するウェブサイト上の”もの”を指します。
  2. バックエンド開発：”バックエンド”は、表面の下の氷山の部分のようなものです。 それがなければ、ウェブサイトは機能しません。 バックエンドは、サーバー、アプリケーション、データベースなどを扱います。
  3. フルスタック開発：これは、バックエンドとフロントエンドの両方の開発の組み合わせです。

なぜあなたはウェブ開発者になるべきですか？

Web開発は、いつでもすぐに死ぬことはありません業界です。

実際には、労働統計の米国局は13を通じて利用可能なweb開発の仕事の2028％の成長を予測しています。簡単に言えば、このスキルを開発できれば、近い将来に仕事を見つけるのに苦労することはありません。

簡単に言えば、このスキルを開発すること

ここでは、web開発者であることの五つの大きな利点/利点があります。

  1. あなたはリモートで作業することができます。 今までそれはあなた自身の時間に、世界のどこからでも動作するようになるものだろうか疑問に思いましたか？ Web開発者として、あなたはリモートで作業する機会がたくさんあります。 たぶん、あなたは最終的に同時にお金を節約しながら、世界を旅するという夢を実現することができます。
  2. あなた自身のウェブサイトやwebアプリケーションを構築するためにあなたのスキルを使用することができます。 収益性の高いウェブサイトやアプリケーションを作りたいですか？ このスキルを使用すると、それを構築するためにお金のトンを支払う必要はありません。 あなたは価格のほんの一部のためにそれを自分で構築することができます。
  3. あなたは独立して働くことができます。 あなたはもはやあなたがしたくない場合は、上司の傘の下で動作する必要はありません。 Web開発について知っているときフリーランスまたはあなた自身のビジネスをはるかに簡単に開始できます。
  4. 収益性の高いハイテク業界に入ります。 Web開発は、基本的にはハイテク業界へのチケットです。 ほとんどのハイテク新興企業は、web開発者のためのいくつかの必要性を持っているので、これはドアにあなたの足を取得するためのあな
  5. あなたは素晴らしいものを構築することができます！ 楽しい部分は、あなたが好きなだけ創造的になることができるということです。 ウェブサイトを見て考えているのではなく、”うわー、それは素晴らしい見えます。 私はそのようなものを作成することがしたい、”あなたは今、非常に独自の素晴らしい探してウェブサイトを作成することができます。あなたはどう思いますか？

あなたはどう思いますか？ このすべては、web開発者になるという考えについて興奮していますか？ もしそうなら、あなたは正しい場所にいる–あなたが一つになるために取る必要がある手順を学ぶことを約しているので！

Web開発者になる方法

HTML、CSS、Javascriptの基礎を学ぶ

これらは、生活のためのウェブサイトを構築する場合、毎日作業するすべてのウェブ

  • HTMLは構造を指示します
  • CSSはそれをきれいに見せます
  • Javascriptはそれを機能させます

これらのそれぞれとそれらを学ぶ方法

HTML

HTMLはHypertext Markup Languageの略です。 これは、任意のウェブサイトの主な成分の一つであり、いわゆるフロントエンド言語の一つです。要するに、主に一連のタグを介して、ウェブサイトの基本的なスケルトンを提供します。

要するに、ウェブサイトの基本的な骨格を提供します。タグは、HTML文書のコンテンツの外観を制御するHTMLコードです。ここでは、あなたが慣れる必要がありますいくつかの一般的なHTMLタグがあります：

  • <HTML></HTML>–このタグは、先頭に表示され、/HTML>-このタグは、最初に表示されます。html文書の末尾。 これは、文書がHTML5で書かれていることを示します。
  • <title></title>–タイトルタグはページのタイトルです。 これは、各ページの主なトピックを明示的に示すことにより、検索エンジン（ページをスキャンしてインデックス化するとき）とユーザー（ブラウザのタイトルバーに表示される）の両方に便利です。
  • <head></head>/head>–タイトルタグ、メタデータ、スクリプトやスタイルシートへのリンクなど、特定のページに関する情報が含まれています。
  • <body></body><body></body>”のように終わります。 “/”は、特定のタグがその後使用されなくなったことを示します。 終了タグを入れることが重要です。 それ以外の場合は、文書全体がそのタグを使用します。

    ここでは、HTMLを学習するためのいくつかのリソースがあります。

    • HTML初心者ガイド
    • HTMLチートシート

    CSS

    CSSはカスケードスタイルシートの略です。これは、HTML構造の背後にスタイルを置きます。

    これは、HTML構造の背後にスタイルを置きます。 基本的には、CSS、HTML、およびその結果、webページ全体が退屈に見えます。HTMLコード内では、CSSスタイルシートを参照します。

    cssが実際にどのように見えるかの例は次のとおりです。

    }#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

    CSSを学習するための素晴らしいリソースは次のとおり: CSSチートシート

    Javascript

    Javascriptは、webページ上の要素を実装することを可能にするプログラミング言語です。 これは、インタラクティブなマップ、2D/3Dグラフィックス、および多くのような機能に電力を供給します。

    ここでは、Javascriptを学ぶのに役立つ素晴らしいリソースです：Javascriptチートシート

    WordPressの基礎を学ぶ

    ウェブ開発者になるためには、WordPressに慣れる必要があり 結局のところ–すべてのウェブサイトの63％は、あなたが基本的に任意のwebホストにインストールすることができ、この無料のオープンソースのソフ

    ワードプレス。orgWordPressサイトをセットアップすると、クライアントが自分でコンテンツを追加するのはかなり簡単です（web開発の経験がない場合でも）。私たちは、このウェブサイト上のWordPressのガイドをたくさん持っています。

    以下のリンクをチェックしてください：

    • WordPressのウェブサイトを作る方法
    • WordPressのブログを作る方法
    • WordPressをカスタマイズする方法

    UIとUXを知

    ほとんどの開発者は設計の専門家ではありません–これらは二つの異なる領域です。 あなたはデザインのロックスターである必要はありません。

    ユーザーエクスペリエンスの設計の基礎を学ぶことによって、ウェブサイトがどのように機能するのかをよりよく理解できることに注意するこ それは、サイト上でより多くのユーザーを維持し、彼らが探しているものを見つけるのに役立ち、最終的にはそのサイトに多くのお金を費やします。

    デザインスキルのビルディングブロックを学ぶには、Adobe Creative Suiteを学ぶことをお勧めします。 Photoshopは、最も深刻なデザイナーのためのものであるため、最初に飛び込む必要があります。 Adobeが気に入らない場合は、デザイナーの間で新星であるSketchに飛び込むこともできます。

    Sketch.com

    Sketch.comSketch.comここでは、UIとUXを理解し、学習するためのいくつかのリソースがあります。

    • UXとUIデザインの違い-素人のガイド
    • TreehouseとLyndaは、Photoshopと一般的な設計概念の両方で優れた初心者コースを提供しています

    SQLとPHPを学ぶ（オプション）

    彼らは同じコインの両側のようなものだから、私たちは一緒にこれら二つをまとめます。

    SQLは、情報を格納するデータベース技術です(SQLチートシートを参照)。 PHPは、データベースからものを配置したり引っ張ったりする”スクリプト”言語です（PHPチートシートを参照）。

    たとえば、WordPressについて考えてみましょう。

    MySQLを使用して情報（ブログ投稿、ページコンテンツ、コメント、ユーザー情報など）を保存および管理します。）データベース’テーブル’で。 PHPは、WordPressのウェブサイトを動的にし、これらのさまざまな要素をすべて操作し、データベースを適切に更新するものです。

    SQLとPHPがどのように連携するかについての詳細を学ぶことは、文字通り何百人もの（数千人ではないにしても）人々がインターネット上の仕事やプロジェPHPとSQLを学ぶための追加リソース：

    • SQLコース
    • TutorialsPoint（PHP）

    それは簡単ではありません。 あなたは一週間か二週間にわたってこれらのすべてを習得しません。 しかし、時間が経つにつれて、これらのスキルセットでおなじみとなり、良いになることは、あなたが常にあなたの前に収益性の高いキャリアを持

    SEOの基礎を学ぶ

    SEOは検索エンジン最適化の略です。 これは、Googleのような検索エンジン内のウェブサイトのランキングを改善するプロセスを指します。 これは、オンラインビジネスの中で最も重要なスキルの一つです。

    あなたは、”私が開発者であれば、なぜサイトが検索エンジンでどれだけランク付けされているかを心配する必要があるのですか？ それはブロガーやコンテンツクリエイターの仕事ではありませんか？”

    まあはい、ウェブサイトのSEOの大部分は、コンテンツと関係があります。 しかし、ウェブサイトの実際の構造とコードも同様の役割を果たします。たとえば、見出しタグ（HTML）はSEOにとって非常に重要です。 彼らはウェブサイトで実際に重要であるものが調査エンジンに言う。今、あなたはSEOの専門家である必要がありますか？

    絶対にない。 しかし、あなたはSEOの基礎を学び、各ウェブサイトを作成している間にSEOを念頭に置いておく必要があります。 そうすることで、ウェブサイトに成功の大いにより大きいチャンスを与え、あなたの網の開発の顧客を大いにより幸せにさせる。ここに網の開発者のための少数のSEOの先端はある:

    • あなたのメタ札を最大限に活用されて得なさい。 検索ページでは、メタタグはあなたのサイトが何であるかをブラウザに伝えます–それが良いほど、サイトにクリックスルーする可能性が高くなります。
    • 見出しタグが特定の順序であることを確認してください。 H1がメインの見出しである必要があり、ページを介して下位レベルの見出し（つまり、H2、H3、H4など）を降りる必要があります。 これは調査エンジンが場所を運行することができるようにそれをもっと簡單にする。
    • タイトルタグがwebページを適切に記述していることを確認してください。 タイトルは、ページが何であるかを強調する必要があります。ここでは、SEOの基礎を学ぶためのいくつかのリソースがあります:
      • SEOへの初心者のガイド
      • SEOを学ぶ方法：ブックマークに最高のリソースの10
      • ウェブサイトのトラフィックを増加させる方法

      リソースを読 これは心のSEOのウェブサイトを開発するために準備する。

      あなたのサイトが応答していることを確認してください

      あなた自身のウェブサイトを作成しているとき（あなたがより多くのクライ

      レスポンシブとは、ウェブサイトの要素が画面サイズに応じて調整することを意味します。 これは、訪問者がラップトップまたはモバイルデバイス上にあるかどうかにかかわらず、あなたのウェブサ

      2018年には、レスポンシブデザインが重要でした。 あなたのクライアントのすべては、それを期待します–例によってリードし、あなたのウェブサイトが応答していることを確認します。さて、あなたはこれらの6つのステップを通過したら、あなたは、web開発の基本的な理解を持っているでしょう。 あなたはそれを行う方法を知っているでしょう（少なくとも基本的なレベルで）。

      これらの手順であなたの時間を取る–web開発者のための需要はいつでもすぐにダウンしていないので、あなたは学ぶ時間があります。

      しかし、ここに大きな質問があります：あなたはその基本的な理解を持っているように感じると、どのように実際にweb開発クライアントを見つあなたは運がいいです–それは私たちが次に話すことです！

      あなたは運がいいです！

      あなたは運がいいです！

      あなたの最初のWeb開発クライアントを見つける方法（またはフリーランサーになる）

      あなたがスキルを持っているという理由だけで、人々はあな あなたは少しの仕事をして自分自身を売る必要があります。 また、機会を得るために適切な場所に自分自身を置く必要があります。

      今、ウェブ開発者として、あなたは二つの選択肢があります。 1)会社が付いているフルタイムの、現地の仕事を上陸させることを試みるか、または2)フリーランスの道を行き、オンラインギグを捜すことができる。

      フリーランスをお勧めします。 フルタイムの仕事と同じ保証された給料は得られませんが、3つの大きな利点があります。

      • 自由：これ以上のクロッキングとクロッキングアウトは あなたはまだ同じ時間（またはそれ以上）を働くかもしれませんが、あなたのスケジュール、場所、および生活状況は完全にあなた次第です。 （プラス–毎週あなたの時間を節約しない通勤、！)
      • お金：あなたは良いフリーランサーになると、あなたは（毎年ちっぽけな3％の昇給を待っているよりも）より多くのお金を稼ぐことでより良いショットを持
      • プレステージ：時間が経つにつれて、あなたは最終的にあなたに新しいクライアントの安定した流入を保証するポイントにあなた自身の個人的な仕事).

      次のセクションでは、web開発者としての最初のフリーランスのギグを取得する方法に焦点を当てます。

      仕事板で得なさい

      ほとんどのフリーランサーは彼らの最初網の開発のギグを見つけるために仕事板を打った。 これらは経験を蓄積するのに最適ですが、おそらく長期的な戦略としてそれらを使用したくないでしょう。

      クライアントの品質は非常にヒットまたはミスすることができます。 いくつかは素晴らしいかもしれません。 他の人はあまりそう…

      何度も彼らはあなたが彼らと仕事をしようとしているときに多くの問題を作成することができ、雇用と経験の浅い人々を引 かなり頻繁に、仕事板はまた非現実的な時間枠および予算の人々を引き付ける。

      ジョブボードに過度に頼ることは（あまりにも長い間）あなた自身のブランドの構築を開始する機会（または自由な時間）を与えることはありません。

      あなたの仕事への’本国行きの’注意を引き付けることは最終的に日の終わりに最もよい(および最も高い支払うこと)顧客上陸する。しかし、私たちが言ったように、それは始めて経験を積むための悪い選択肢ではありません。

      しかし、私たちが言ったように、それは

      ちょうどあなたが（それは非常によく支払うことはありませんが）ジョブボードに乗るすべてのギグは、あなたが経験を積むと、より多くの将来の仕事を得るのに役立ちますことを理解しています。以下は、UpWorkのクイック検索の結果の写真です：

      （あなたが見ることができるように、web開発者のための雇用機会のトンがあります！ここでは、web開発のギグを見つけることができるいくつかのジョブボードがあります：

      • PeoplePerHour.com
      • Codeable.io （ワードプレスの場合）
      • TopTal.com （ワードプレスの場合）
      • アップワーク。com

      ポートフォリオサイトをまとめる

      より多くのクライアントを取得することを容易にするために（そしてクライアントがあなたを見つ これはあなたの最も最近のプロジェクトを自慢し、幸せな顧客からのtestimonialsを示し、連絡する簡単な方法を潜在的な顧客に与え、またあなたの網の開発

      ここにあなたの網の開発の有価証券の場所を作成する為のある先端はある:

      • 過去および現在の顧客からの使用testimonials。 これは、あなたが偉大な仕事をし、他の人があなたと一緒に仕事をして幸せだったことを訪問者に保証します。 （プロジェクトを終える時はいつでもtestimonialsを頼むことのそれに習慣をしなさい。)
      • あなたの人格を注入します。 あなたと一緒に働くことについての素晴らしいことは何ですか、そして何があなたを際立たせますか？ あなたの有価証券の場所に人格を注ぎこむ場合、自動的にあなた自身を離れて置く。
      • 右の要素を含めます。 あなたの名前、あなたがweb開発者になった方法/理由のあなたの物語の短いバージョン、あなたの連絡先の詳細、あなたの最近の仕事、そしてあなたのスキル。
      • 答えは”私のためにそれには何ですか？「質問だ。 基本的には、それらにあなたと働くことの主要な利点を、すなわち、どんな顧客があなたと働くことから得るか知らせなさい。すべてのほとんど–あなたはあなたのポートフォリオサイトが素晴らしい見えることを確認する必要があります！ 潜在的な顧客にそれを見、考えてほしい、”Wow! 私も私のウェブサイトのためにそのような何かをしたいです！”そうすれば、彼らはあなたと一緒に働くことにもっと興味があるでしょう。ここではインスピレーションとして使用する偉大なweb開発者のポートフォリオサイトのいくつかの例があります：
        • MattFarley.ca
        • カフェラティ。私（人格を注入するといえば、この開発者は彼のサイト上で大々的にそれを行います。 ホームページに移動し、あなたは私たちが何を意味するかが表示されます！)
        • Pierre.io

        pierre nel portfolio siteここでは、web開発ポートフォリオサイトを構築するためのいくつかのリソースがあります。

        • ポートフォリオウェブサイトを作成する方法
        • 開発者ポートフォリオを作成するための10のヒント

        ネットワーキングを開始

        オンラインジョブボードを精練するすべてのあなたの時間を費やすだけではありません。 あなたは偉大な機会を取得したい場合は、あまりにも現実の世界に出て取得する必要があります。

        毎月少なくとも2-3の関連するネットワーキングイベントに出席することをポイントにします。 あなたが大都市の1時間か2時間以内に住んでいると仮定すると、これらの種類のイベントを見つけることは難しくありません。

        まず、meetupを検索しますMeetup.com そしてEventbrite。 これら二つのプラットフォームだけでは、関連するイベントのトンを見つ

        meetup.com

        meetup.commeetup.comこれらの人々は、新しいウェブサイトを構築したいと思う可能性が最も高くなりますように、起業家を描くイベントを目指しています。 あなたが接続し、これらの人々の多くとネットワーク（そして、それはあなたがウェブ開発者であることが知られているように）、あなたは仕事のボード上で見 また、あなたの個人的なブランドの成長を開始します。

        ここでは、イベントを見つけるのに役立つ別の偉大なリソースです：実際に出席する価値のあるネットワーキングのイベントを見つける方法

        フルタイムのWeb開発者の利点

        私たちは、web開発者としてフリーランスについて多くのことを話しました。 しかし、会社でフルタイムで働くことは、それ自身の利点を持っています:

        • あなたは他の開発者と協力しています–これは、あなたが完全に新しい場合は特に、共有された経験の利点を提供します。 他の人と一緒に働くことで、彼らの経験をあなたと共有することができます。
        • クライアントサポートは組織されています–あなたが会社で働いているとき、あなたは一日の様々な時間に仕事にバインドされていません。 これは会社の顧客がいつ連絡し、あなたの仕事が終わると期待するか知っていることを意味する。
        • はるかに焦点を当てたワークロード–いくつかのフリーランサーは、今日、同時に異なるプロジェクトに取り組んでいます。 これは、全体的な品質に影響を与える可能性があり、その焦点を分割します。 フルタイムの開発者として、あなたはあなたの完全な注意を必要とする単一のプロジェクトに取り組む可能性が高くなります。

        結論

        雇用市場は厳しくなってきています。 より伝統的な仕事は毎日段階的に廃止されています。 だから、なぜあなたが近い将来のために（そしておそらく裕福な）雇用を維持するスキルを学ぶことはありませんか？

        これがweb開発の大きな利点です。 大部分は-あなたがフィールドに入るために派手な高価な程度を必要としません。 ここに記載されている手順に従うだけで、web開発者になる道を始めることができます。

        また、開発者の生活をはるかに容易にする統合開発環境（IDE）ソフトウェアオプションがたくさんあります。

        要約すると、web開発者になるための基本的な手順は次のとおりです:

        1. HTML、CSS、Javascriptの基礎を学ぶ
        2. WordPressのチュートリアルを行く
        3. UIとUXの基礎を学ぶ
        4. SQLとPHPを学ぶ
        5. SEOの基礎を学ぶ
        6. あなたのサイトが応答していることを確認してください

        そして、ここであなたの最初のweb開発ギグを見つけるための基本的な手順は次のとおりです。

        1. ジョブボードに乗る
        2. ポートフォリオサイトを一緒に入れて
        3. ネットワーキングを開始

        今では行動を取ると、あなたがすることができますどのような素晴らしいWeb開