アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

コーディング初心者におすすめの記事まとめ

投稿日:

こんにちは、ぶちこです。
最近の私はと言うと、仕事で先輩に教わりながらコーディングを行なっています。
ですが、ちょっとしたコードすら自分1人では正確に書けず悪戦苦闘中。。スラスラとコードが書ける先輩方が眩しいばかりです。
といういことで今回は、私のようなコーディング初心者にとって参考になる記事を集めてみました。
 
 

コーディング初心者におすすめの記事まとめ

HTMLやCSSの基礎知識から、おすすめの学習方法についてまで紹介している記事です。
コーディングの書籍を1冊やり通すのとあわせて、progateやドットインストールなどの無料Webサービスを活用すると効率的に覚えていくことができそうです。
 
こちらはコーディングの手順について1から紹介している記事です
私のようなコーディング初心者はただ闇雲に作業を始めるのではなく、頭の中を整理するためにも、まずはページの構造図などメモに書き出すことがオススメみたいです。
書き出したメモにIDやクラス名をふっておくという手順も、ぜひ参考にしたいと思います。
 
私の職場ではコーディングする際、Sublime Textを使用しているのですが、一体どんなプラグインを入れたらいいのか…と迷っていました。
そんな時に職場の先輩から共有してもらった記事をご紹介します。
タグの閉じ忘れを防ぐためのプラグインや、CSSのカラーコードを視覚的に表示してくれるプラグインなど、便利なものがたくさんありますね!
こういったプラグインをどんどん取り入れて、自分の使いやすいエディタを完成させたいと思います…!
 

まとめ

コーディングを習得するためには、とにかく書いて、慣れて、覚えていくこと。また、自分の作業のしやすい様に環境を整えることも大切だと分かりました。

ご紹介したように気軽に学べる無料のWebサービスもたくさんあるので、そういったものも活用して少しづつでも知識をつけていきたいと思います。

 

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Webデザイナーの求人、どうやって探す?転職エージェントはオススメ?

私は、Webデザイナーになるため転職活動を始めた時に、まず2つのエージェントに登録しました。   転職エージェントといっても色々なところがあるのですが、私が最終的に選んだのは、 大手のリクル …

タイピング練習におすすめのサービス3選

いきなりですが、みなさんはブラインドタッチ(タッチタイピング)はできますか?  お恥ずかしい話、私は今まで独自のタイピングできてしまったので、ある程度早く打つことはできますが、たまにキーボードを見ない …

デザイナー必見!使える写真素材サイト

前回に引き続き、素材サイトをご紹介したいと思います。今回は写真編です! いつも素材探しに苦労している私が見つけた、オススメのフリー素材サイトをいくつかピックアップしていきますね〜!   写真 …

【Photoshop】人物や物など不要なものを消す方法(コンテンツに応じた塗りつぶし)

今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です!   「 …

Google Chromeでスマホ表示の確認をする方法

スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。 そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。 …