
문법 공부 다음엔, 자바스크립트 프로젝트 101
이룸코딩
🚀 자바스크립트 문법 공부를 막 끝낸 코린이들에게 적합한 미니 프로젝트 실습 강의입니다. 자바스크립트 기초 문법과 리액트나 뷰 등의 프레임워크 사이에 꽉 막힌 구간을 시원하게 뚫어드립니다. ✨
초급
JavaScript
理論は核心だけ速く。私たちの記事ではなく、本物のコードで学びましょう!繰り返し学習で自然に馴染むFlexとGrid! 😎(HTML5独学ホワイトペーパー、CSS3独学ホワイトペーパー著者直講)
CSS Flexレイアウト
CSS Gridレイアウト
CSSメディアクエリの書き方
フォントアサム& Google Webフォントの使い方
CSS、今は本番です!
複雑なFlex&Grid、一発で終わりましょう。
FlexとGrid機能は覚えておくべき属性の数も多く、さらに生じたものも同様です。だから、いつも聞いたりすると、これらの属性が何をするのかは分かりますが、私が思ったレイアウトをFlexとGridを使って作成する方法がわからないという方が多いです。
基礎と本番プロジェクト制作その曖昧な中どこか!そこで迷っている方々。この講義はこんな方にぴったりの講義だと思います。実習例に従うと、すぐに感覚をつかむことができるでしょう。
就職や離職を準備していたり、ちょうどプログラミングに入門した友達を相談してみると、「デザイン」を見落としている友達がかなり多いです。開発者はHTML、CSSがわからないかもしれないかという質問もたくさんあります。
私は開発者を農民に例えています。開発がリンゴ農業であれば、私が開発したサービスは消費者に販売するリンゴになるでしょう。レイアウトを作成するのはリンゴをリンゴボックスに詰める過程とも同じです。開発者は、少なくとも自分の商品を意図したとおりに梱包できる必要があります。
私がFlexとGridを教えながら、最もよく聞いた質問が、まさに数多くのFlexとGridの機能をすべて覚えなければならないのかということでした。このレッスンを聞いたら、FlexとGridのレイアウトで私が思うことをするためにすべての機能を覚えたり書いたりする必要はありません。
コア機能だけをよく把握していれば、多くのコードを書かなくても、簡単で簡単に私が欲しいレイアウトを書けます!
Q. 非専攻者も聞ける講義ですか?
A. はい! HTMLとCSSは、非専攻者、中学生、高校生の友達も簡単に学べます。ただし、HTMLとCSS基礎講義を先に聞いて来なければなりません。基礎講義はYouTube <開発者離島>チャンネルで無料で提供していますよ!
HTML5&CSS3基礎文法オールインワン
簡単かつ迅速に学ぶウェブの基礎
Q. コア機能だけ集中的に練習する理由は何ですか?
A.数多くの学生たちを教えてみた結果(?) 10種類の機能を教えるために、それぞれ1つずつ例を見せるより、本当にその機能を扱うために必ず知っておくべきコア機能3つ以下に集中して、それぞれ3~4つの例を繰り返し学習させる方がはるかに!本当にはるかに効果が良かった。このレッスンで目指すのもそのようなので、授業を聞いた後にすぐに考えるものを画面に移すためのコア機能を集中的に練習するように授業を構成しました。
Q. 授業内容をどのレベルまで扱いますか?
A.難易度を入門、基礎、中級、高級に分ければ基礎に該当する難易度です。
フルスタック開発者であり、プログラミングインストラクターとして活動しています。
学習対象は
誰でしょう?
HTML&amp; CSS基礎文法の勉強を終えたばかりの方
Flex&amp; Gridの実践例を体験したい方
ポートフォリオ作成を控えてレイアウト練習が必要な方
複雑なFlex&amp; Grid 一部屋で終わりたい方
前提知識、
必要でしょうか?
HTML基礎文法
CSS基礎文法
4,437
受講生
161
受講レビュー
30
回答
4.9
講座評価
7
講座
全体
50件 ∙ (3時間 48分)
7. Flexについて
03:46
9. フレックスラップ
01:53
10. flex-flow
01:23
11. justify-content
03:54
12. align-items
03:55
13. align-content
02:57
14. flex-basis
02:44
15. flex-grow
02:17
16. flex-shrink
02:08
17. flex
01:26
18. align-self
01:54
19. order
01:47
全体
18件
4.9
18件の受講レビュー
¥4,036
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!