Progateから初心者向けドットインストール変えた:記録1日目

PCとインターネットさえあれば誰でもプログラミング言語を学ぶことが出来る学習サイト「ドットインストール」を使ってプログラマー・ウェブデザイナーを目指すって記録をつけてます。プログラミングに興味のある方の手助けになったり、現プログラマーさんと交流できたらと思ってます。

スポンサーリンク

Progateの後にドットインストールで学ぶ

プログラミングに元々興味があったにもかかわらず、やろっかなあって考えてるだけで実際に勉強をしてこなかったのですがプログラミングを覚えると仕事場を選ばずに仕事をして自由な時間も作りやすいということ聞き、つい最近手を出しはじめました。

まず、はじめに何をすればいいのかわからずネットで調べて人気だった「Progate」の有料会員(月額約1000円)に言われるがまま、登録しました。もちろん、「ドットインストール」同様、無料レッスンもあったので両方のサイトで試してみて、自分のペースで学習がしやすいProgateで簡単な用語から学んで行くのが自分に合っていると感じたので、Progateを選びました。

しかし、Progateで学習していくと内容が簡単ですぐに飽きが来たので1ヶ月で大体のプログラミング言語に触ってから解約をしました。集中すれば1ヶ月で全てのレッスンに触れることができます。守銭奴の人にはお得な料金で集中して出来るのではないでしょうか?

ドットインストールではじめたのはHTML&CSS

プログラミング言語は種類が多く、どれを覚えていっても仕事にしてお金を稼ぐことが出来ると様々なサイトで紹介されていました。中でも、HTML&CSSは初心者向けで覚えやすく仕事に繋げやすいとのことだったので「Webデザイナー」を目指して1日目の今日は「HTML&CSS」からはじめました。

1日目の進捗と言っても、Progateではサイト内でのプログラミング学習だったため準備する必要のなかった開発環境を構築するところからはじめたので、今日進められたのは「はじめてのHTML(全14回)」のウチ8回目までしかできませんでした。

Progateをやっていたときにも開発環境を用意しようと悩んでいたのですが開発環境するためのツールもたくさんあり、どれを選べば迷っていたのでドットインストールの学習していく上でわかりやすい開発環境を紹介してくれるのはめっちゃ助かりました。

何より、教材に合わせた開発環境で学習した後は自分の作りたいモノを作るときにそのまま使うことが出来るので何かとメリットがあるなと感じました。

「はじめてのHTML」をやり始める前はProgateであらかたやったから余裕っしょ!と調子に乗ってはじめたのですが、全然覚えてませんでした…。実はProgate解約から1ヶ月の間プログラミング言語学習をサボっていたのでw

ドットインストール1日目の所感

ドットインストール自体は無料レッスンの時に触っていたのである程度はわかっていたつもりですが、初心者向けのプログラミング言語学習サイトとしてよく比べられるProgateよりも少し難易度が高い分わかっていくと時間を気にせずにどんどんレッスンを進めていきそうな勢いで出来るいい教材だと感じました。

そして、曲がりなりにもProgateで触れていたこともあって、”復習”も兼ねて学習ができて楽しく進めることができました。ProgateはProgateで全くの初心者には面倒に感じる開発環境の構築作業が無いので挫折しにくい親切なプログラミング学習サイトだと感じました。

それにしてもはじめる前までは億劫だったのにはじめてみると面白いなーって感じたので頑張ってモノにしたいと思います!出来るだけドットインストール学習後はブログに感想を書きながら復習もかねていろいろ書いていきたいと思う!

間違っててもいいから適当に書いて、後々気付いたら違いました!ってブログを出すのも自分の成長を感じられそうだしね!

頑張るぞー!

本日の成果

一応進めたところまでのスクショを載せるようにします!

  • <h1>とか<p>とかparagraph”段落”とかのタグ名を理解する
  • <img>で画像挿入
  • 画像挿入するときはフォルダの指定のしかたに注意!
  • <alt>でタグの説明を入れて修正時にわかりやすくしておく!
  • HTMLのフレームは下記のような感じ

<!DOCTYPE>

<html lang="言語">htmlだよってPCに教える場所

<head>文章自体の説明を書く</head>

<body>文章の中身</body>

</html>

と、まあそんな感じで書いてみたけど、WordpressもHTML&CSSが出来るようになれば使い方に幅が出るのでブログもどんどん進化するはず…!!

とりあえず、この基本中の基本を覚えてどんどんWebを作っていけるようになるぞー!

スポンサーリンク

ブログ

Posted by Ray