WEBCAMP:経済産業省が認定!エンジニア転職成功率98%!HikoProこんにちは!大学生フリーランスエンジニアのHikoProです!今回のお悩みWebサイトに動きをつけたくて、ProgateでjQueyを学習しようと思うけど、どれくらいのスキルや何ができるようになるの?実際にjQueryコースを学習した人の感想を聞いてみたい!今回の記事では、動的なWebサイトを作ろうとjQueyをプロゲートで学ぼうと思われている方向けに、何が学習できるのか、終わった後にはどんなスキルが身につくのかなどの全体像と、実際にjQueyコースをやってみた感想をご紹介します!結論から言うと、Webサイトに、アコーディオンや、ハンバーガーメニューなどを実装したい方はProgateのjQueyコースをやれば十分実装可能なスキルが身につきます!HTML/CSSを学んだ後はjQueyコースを学習するようにしましょう!本記事を読むと得れるメリットProgateのjQueyコースの概要がわかるjQueyコースを本気でやるとどれくらいのスキルが身につくか分かるProgateのjQueyコースが終わった後にやる事が明確になるHikoPro僕自身も、そこまでjQueyは得意ではないですが、書き方さえ覚えれば便利なライブラリやネットの記事を参考にすれば実装できます!スポンサーリンク目次まずは基礎知識を知ろう!Progate(プロゲート)とは?jQueyとは?ProgateのjQueyコース全体像ProgateのjQueyコースでどれくらいのスキルが身につく?ProgateのjQueyコースが終わった後にするべき事は?本気でフロントエンドエンジニアを目指すには?テックアカデミーのフロントエンドコースがオススメ!まとめまずは基礎知識を知ろう!まず始めに、Progateとは何なのか?Progateの効率の良い学習法について、jQueyに関しての基礎知識を知りましょう!これらをまず始めに知っておくことで、Progateでの学習効率が上がったり、やるべきことが明確になります!Progate(プロゲート)とは?Progate(プロゲート)は、「プログラミング学習の入り口」(プログラミングのゲート=>プロゲートかな?)とも言える、非常に優秀なオンライン学習サービスで、初学者の多くが利用しているサービスです!Progateのビジョンとして「初心者から、創れる人を生み出す」ことを掲げており、プロゲートを学習すれば、初心者でも簡単なシステムくらいは自分で作れるようになります。Progateの特徴としては、以下のことが挙げられます。何か小さなシステムを作る体験ができる基本無料(一部有料980円)このように、まずはスライドで全体の概要を掴んだ後に、すぐに実践学習に移ることができるので、インプット→アウトプットをすぐに行えます。jQueyの学習は書く事(アウトプット)が非常に重要なので、効果的です!Progate学習のPOINプログラミングする際は、ネットでカンニングしてOKなので、Progateを何周もして暗記するのではなく最大でも1〜2周程度で十分です!「プログラミングはカンニングOK!」この概念を植え付けましょう!jQueyとは?jQuey(ジェイクエリ)はJavaScriptをより簡単に、少ないコードで書くためのライブラリというものですす。JavaScriptは親、jQueyは子というイメージでOKです。JavaScriptとjQueyの記述法は似ており、jQueyで実装できることはJavaScriptでも実装可能です。ネコ君JavaScriptは複雑なコードだけど、jQueyを使えば、数行でシンプルな記述で実装できるんだね!jQueyは主にWebサイトに動きを実装する際によく用いられており、アコーディオンやアニメーションなどを実装することが可能です。【jQuery入門】jQueryとは〜導入まで、初心者向けに使い方を解説HTML,CSSの学習が終わって、サイトを華やかにするためにjQueryを学ぼうと思うけど、そもそもjQueryってなに?使うのに必要な基礎知識と、使い方を教えて欲しい。入力フォームの操作パララックススライダーこのようなことをjQueyでは実装できて、HTML/CSSで作られたサイトに華やかな動きを追加することができます!最近では、インパクトのあるWebサイトが増えてきており、アニメーションがたくさん沢山あったりしますが、全てjQueyで実装されています!HikoProHTML/CSSだけでもWebサイトは作れますが、あまりクオリティーの高いサイトとは言えません。ユーザーインターフェースを高めるためにもjQueyは必要です!ProgateのjQueyコース全体像プロゲートのjQueyコースの全体像を学習をする前に把握しておきましょう!全4コース(初級〜上級レベルまで)学習時間の目安:10時間jQueyでWebサイトに簡単あ動きを実装するJavaScriptのスキルがなくても学習できるHTML/CSSのスキルは必要jQueyコースの全体像はこのようになっており、初めに基本的なjQueyの書き方を学んで、実際にWebサイトでもよく用いられている、モーダルやアコーディオンを実装しながらjQueyの知識を深めていきます!実際に書いたコードによって、Webサイトが動くサイトに変化するので、やっていて非常に楽しいと思います!JavaScriptと比較してもオブジェクト思考など難しいことは学ばないので、つまづくことなくサクサクと学習を進めれるでしょう!ProgateのjQueyコースで学ぶことjQueyの基本的な書き方イベントの使い方モーダルの作り方アコーディオンの実装フォームの操作アニメーションの実装スムーズスクロールの実装このように、Web制作でもよく利用するjQueyの用法を網羅的に学習することができます!ProgateのjQueyコースでどれくらいのスキルが身につく?ネコ君ProgateのjQueyコースを本気でやったら、仕事できるレベルまでスキルが身につく?HikoProHTML/CSSのサイトに簡単な動きをつける程度なら、仕事でも十分使えるスキルが身につきます!実際に、jQueyコースを僕がProgateで一通り学習してみましたが、Web制作で必要なjQueyの使い方はだいたい学べるので、実践でも使えると思います。今後仕事でも使える基本的なスキル他人のjQueyコードをカスタマイズできるプラグインを利用して高度な実装もできるProgateのjQueyコースが終わった後にするべき事は?プロゲートのjQueyコースが終わった後にするべき事は2つで、「jQueyにどんなプラグインがあるのか知る」と「Web制作を実際に行う」の2つです。jQueyには非常の豊富なプラグインがあり、スピード感を重視するWeb制作の場合は、0からjQueyのコードを書くのではなく、プラグインをインストールして実装する場合が多いです。【2016年の完全保存版!】フリーで使えるjQueryのプラグイン30選HikoProプラグインは使用しすぎると、ページの読み込みが遅くなるので使うのはほどほどにしておきましょう!次にやるべきことは、「実際にjQueyを用いてWebサイトを作ってみる」ということです!最も効果的なのが、jQueyが実装されているWebサイトを模写することと、jQueyを用いた自分のオリジナルのポートフォリオサイトを作ることです。https://hikopro.com/myportfolio/僕のポートフォリオを真似してjQueyの勉強をしてもらってもOKなので、実際に手を動かして実戦でも使えるjQueyのスキルを身につけましょう!【現役エンジニアが教える】ポートフォリオの作り方【プログラミング初心者でも簡単】HTML,CSSの学習が一通り終わって、そろそろ自分の作品や武器となるポートフォリオサイトを作ってみたい!けど0からどうやって作るのだろう・・・今回の記事ではプログラミング初心者向けに、かっこいいポートフォリオ...hikopro.com2019.07.07本気でフロントエンドエンジニアを目指すには?「Web系の言語を極めてフロントエンドエンジニアになりたい!」「JavaScriptをもっと極めて、さらにリッチなサイトを作りたい!」このように思われる方もいると思います。そんな方は、プログラミングスクールに行くことをオススメします!ぶっちゃけ、独学でフロントエンドエンジニアを目指すとなると、ほとんどの方が途中で挫折することになると思います。プログラミングスクールを活用することで以下のようなメリットがあります。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。BlogについてHikoProBlogは大学生フリーランスエンジニアが学んだことを発信するノウハウブログです。プログラミング学習、フリーランスの生き方、WordPress、Webマーケティング、IT産業について発信しています。BlogについてHikoProBlogは大学生フリーランスエンジニアが学んだことを発信するノウハウブログです。プログラミング学習、フリーランスの生き方、WordPress、Webマーケティング、IT産業について発信しています。Reserved.タイトルとURLをコピーしました。