HTML,CSSの学習、コーディングは楽しい（なぜ楽しいのか？）
HTML,CSSの学習、コーディングは楽しい
↓拾ってきて悪ふざけしたアンパンマン
<div id="face">
<div class="eye"> </div>
<div class="eye"> </div>
<div class="hoppe"> </div>
<div class="nose"> </div>
<div class="hoppe"> </div>
<div class="mouth"> </div>
</div> #face{
border-radius : 100%;
border : 2px solid #000;
background-color : #ee9873;
position : relative;
width : 200px;
height : 180px;
z-index : 1;
}
#face .eye{
background-color : #D80025;
border-radius : 100%;
position : absolute;
height : 30px;
width : 20px;
top : 36px;
left : 63px;
z-index : 4;
}
#face .eye + .eye{
left : 117px;
}
#face .eye::after{
content : '';
display : block;
position : absolute;
top : -15px;
left : 4px;
height : 20px;
width : 10px;
transform : rotate(-45deg);
z-index : 2;
border-radius : 0px 4px 0px 0px;
border-style : solid solid none none;
border-color : #000;
}
#face .nose{
width : 55px;
height : 45px;
border-radius : 100%;
background-color : #e6340c;
border : 2px solid #000;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
margin : auto;
z-index : 3;
}
#face .nose::before{
content : '';
width : 10px;
height : 10px;
display : block;
background-color : #FFF;
position : absolute;
top : 14px;
left : 25px;
}
#face .hoppe{
background-color : #000;
border-radius : 64px 64px 64px 64px / 64px 64px 64px 64px;
width : 60px;
height : 64px;
position : absolute;
top : 60px;
left : 14px;
z-index : 1;
}
#face .nose + .hoppe{
left : 127px;
}
#face .hoppe::before{
content : '';
background-color : #e95407;
display : block;
border-radius : 40px 60px 60px 40px / 60px 60px 60px 60px;
width : 60px;
height : 60px;
top : 2px;
right : 1px;
position : absolute;
}
#face .nose + .hoppe::before{
border-radius : 60px 40px 40px 60px / 60px 60px 60px 60px;
left : 1px;
}
#face .hoppe::after{
content : '';
position : absolute;
display : block;
width : 10px;
top : 15px;
left : 20px;
height : 10px;
background-color : #FFF;
}
#face .nose + .hoppe::after{
top : 25px;
left : 30px;
}
/*==mouth==*/
#face .mouth{
height : 30px;
width : 40px;
background-color : #b85054;
border-radius : 0px 0px 73px 73px / 0px 0px 73px 73px;
margin-left : auto;
margin-right : auto;
position : absolute;
bottom : 24px;
left : 69px;
border : 10px solid #000;
}ふざけすぎました。
でも自分はそれでいいと思います。
「こうしないといけない」「ルールを守らなければならない」ということは考えず、「楽しむ」ことが一番の成長の近道だと思います。色々なWebページを見ていると「かっこいい」「かわいい」など憧れるものがあるかと思います。そんなページを自分も作れるようになりましょう！そのサポートをいたします。
未経験者大歓迎
- 自分のプランでは「未経験者大歓迎」です😊
- メンティーそれぞれのペースにあわせます。
- webサイト制作・ポートフォリオ・副業どのようなケースでもスキル獲得まで優しく丁寧にサポート致します。
- みなさんそれぞれの「ペース」があるかと思いますので、それに合わせ楽しく学習が出来る様にサポートいたします。
- 質問の形式を厳しく設定したりしません。
コーディングの向き不向き
コーディングに向いている人はこんな人だと思います。
一人で考えること・作業することが好き
コーディングは試行錯誤を繰り返し、自分の意図通りに完成させるま
負けず嫌い
プログラムは、少しでもロジックが通っていない部分があると正しく動作しません。したがって、何度も失敗と修正を繰り返し行う根気強さが必要になります。途中で絶対に諦めたくない、負けず嫌いの人がコーディングに適性があると言えるでしょう。
勉強に対して苦手意識がない
IT業界は、技術や流行の移り変わりが非常に速いです。したがって、全てのエンジニア職に共通していることですが、積極的に最新の技術や情報をインプットしようという姿勢がある人でなければ、活躍し続けることは困難でしょう。
コーディングは暗記が必要？？
コーディングは、活用する技術の範囲が広く、暗記するのに向かないものです。ひたすら回数を重ねることで必然的に
