【初心者向け】独学でお金をかけずにプログラミングの基礎を習得する方法【完全無料】

スポンサーリンク
【初心者向け】独学でお金をかけずにプログラミングの基礎を習得する方法【完全無料】 プログラミング
悩む女性

プログラミングを学習してみたいけど、スクールに通うお金はないし無料でできないかな。。。でも独学じゃ身につかないのかな??

こういった悩みに答えます

今回紹介するプログラミングの学習方法は初心者でもPCがあれば「3週間で無料で基礎を習得」できます

それではどうぞ!

プログラミングを短期間で正しく習得したい方はスクールがオススメ!まずは無料体験!!

◯TechAcademy OnlineBootCamp
最短4週間!家でも学べるプログラミングスクール!

◯CodeCamp
プログラミングのオンラインスクールのCodeCamp プログラミングのオンラインスクールのCodeCamp

スポンサーリンク

プログラミングとは

プログラミングとはプログラムすることのことを言います

ではプログラムとは?

プログラムとは「コンピュータに一つ一つの動きを指示し、命令すること」のことを言います

そしてコンピュータに指示するために使用するのが「プログラミング言語」と言われるものになり、プログラミング言語を私たちは学習する必要があります

プログラミング言語はWeb系がオススメ

じゃあ初心者はどんな言語を選べばいいの??

と思ったらぜひWeb系の言語を選んでください

Web系の言語にはHTML, CSS, JavaScript, PHP, Rubyなどがあります

理由は「稼げるから」です

その中でもHTMLとCSSを学習することでLPの案件を受注することができますのでまずはHTMLとCSSを基礎として学習してみましょう

ではさっそく学習方法へいきましょう!

スポンサーリンク

ドットインストールで2週間学習

学習には動画学習サイトドットインストールを使います

こちらは一部を無料で使えるので無料の部分だけで学習を進めます

3週間で基礎を習得しましょう!

1週目

1. 新規登録(無料)をする

こちらのURLからドットインストールを開き「新規登録する」より登録を行います

2. 学習環境を整える

レッスン一覧 → ①学習環境を整えよう

よりご自身がお使いのパソコンを選択し全5回のレッスン動画を見ながら環境を整えましょう

様々なコーディングのためのアプリがありますが、ここはレッスン通りVisual Studio Codeを使いましょう

理由は無料で使えてセットアップが簡単だからです

3. HTMLを学習する

HTMLとはHyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、サイトに書かれている文字や貼ってある画像はほぼHTMLでコーディングされたものです

ドットインストールにログイン → レッスン一覧 → ②HTML/CSSの概要を理解しよう → はじめてのHTML(全14回)

はじめてのHTMLを4周します

全動画2分前後ですので1周するのにかかる時間は約30分です◎

1周目 

ただただ全部の動画を見ます

最初は「なんだこれ?」と思う言葉が飛び交うかもしれませんが気にせず14回のレッスンを見切りましょう

2周目

メモを軽く取りながら動画を見ます

知らない単語を知識として吸収していきましょう

3周目

メモに補足を足しながら動画を見ます

3周目になれば「なんだこれ?」だった単語が「わかる」単語に変わってきますので、どんどん馴染みの言葉にしていきましょう

4周目

最後の4周目はいよいよ実際に自分でコードを書いてみましょう!動画をみながら手を動かし山田太郎のHTMLを完成させます

オススメはスマホでレッスンを再生し、パソコンはコーディング用にする方法です!

デスクトップがごちゃごちゃしなくていい感じです

2週目

1. CSSを学習する

CSSとはCascading Style Sheets(カスケーディング・スタイル・シート)の略でwebページのデザインに関わるスタイルを指定するための言語です
HTMLだけでは不格好なサイトにフォントサイズや色、配置などでデザインを加えます

レッスン一覧 → ②HTML/CSSの概要を理解しよう → はじめてのCSS(全15回)

1週間でHTMLを学習したら、2週目はCSSを学習します

HTML同様初めてのCSSを4週しましょう

1周目

ただただ全部の動画を見ます

HTML以上に「わけわからん!」と言いたくなる言葉が出てきますが耐えて15回のレッスンを見切りましょう

2周目

メモを軽く取りながら動画を見ます

図を少し入れたりするのもいいですね、視覚的に情報を入れ知識を吸収していきましょう

3周目

メモに補足を足しながら動画を見ます

ここで言葉を覚えておくとコーディングのスピードが上がるし、わからないことがあったときに簡単にググることができます

ただ、完璧に言葉を暗記する必要はありません!徐々に覚えていきますし、何よりGoogle先生が答えてくれます

4周目

実際に自分でコードを書いてみましょう

HTMLだけでは不格好だったページがサイトらしく生まれ変わります

楽しみながら4周目、手を実際に動かしてみましょう

スポンサーリンク

Progateで1週間学習

ProgateとはWeb上でプログラミング学習を視覚的に直感的に学習することができるサイトです

これひとつでも学習は可能なのですが、ドットインストールと組み合わせる理由は動画での学習が有効的であるからです

なので、Progateはドットインストールを4周終えた今、お世話になりましょう

こちらも1部無料で使えますので今回は無料のコンテンツのみ使用します

3週目

いよいよ最後の週です!仕上げにかかりましょう

1. Progateに無料登録をする

メールアドレス、Googleアカウント、Twitterアカウントなど様々な登録方法が選べますのでサクッと無料の登録をしてしまいましょう

2. 初級に挑戦

ログイン → コース一覧 → HTML&CSS 

HTML&CSSをドットインストールで学んだので山田太郎のポートフォリオ以外にも挑戦してみましょう

道場コース HTML&CSS初級編

を選択し、コーディングをしてみましょう

一度自分なりにやり切ったらヒントや答えを確認しましょう

きっとドットインストールとは違ったコーディングも見ることができたかと思います

そうです、プログラミングをする上でルールはもちろんありますが様々なアプローチがあることも覚えておいてください

1つがダメでも他のやり方がきっと見つかるはずです

3. 中級に挑戦

ログイン → コース一覧 → HTML&CSS → 道場コース 中級編

こちらは途中まで無料で使えます

勉強になりますので利用しましょう

4. 何も見ずに挑戦

初級と中級をクリアしたら次は何も見ずに初級と中級に挑戦しましょう

止まらずにスラスラと余裕を持ってできるとすばらしいですね

スポンサーリンク

実践してみよう!

ここまでくれば基礎はできていますので足りない知識を実践で補っていきましょう

例えば<table>などまだ出てきていないけどよく使うタグはたくさんあります

そんな時は模写がオススメです

いいなと思ったサイトを自分で真似してみましょう

この時、「動き」には囚われてはいけません

HTML&CSSの段階では動きをつけることはほぼできませんので動きには目を瞑りコーディングを進めましょう

自分でサイトを作ってみるのもいいですね!

学習する上で大切なことは「楽しむこと」です

スポンサーリンク

まとめ

さて今回は独学でお金をかけずにプログラミングの基礎を習得する方法について話してきました

独学ならドットインストールとProgateを駆使して3週間で基礎を身につけてしまいましょう

HTML&CSSが使えればLPの案件を受注することが可能です

楽しんで学習を進めていきましょう!


【ランキングに参加しています】
面白かった!参考になった!という方は下のボタンをクリックしてくれると筆者が喜びます!

ブログランキング・にほんブログ村へ 人気ブログランキングへ
プログラミング
スポンサーリンク
この記事をシェアする
KANONをフォローする
kanonblog

コメント

タイトルとURLをコピーしました