JAVASCRIPT사이트

페이지 정보

profile_image
작성자맷지 조회 10회 작성일 2021-07-25 10:33:29 댓글 0

본문

자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6)

JSON이 무엇인지 개념 및 배경 설명과 자바스크립트에서 어떻게 쓰는지에 대해 배워 보아요. 그리고 유용한 웹사이트 몇가지를 공유해 드릴께요 (↙ 자세한 내용)

___________________________

풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50

엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

AI기반 코드 자동 완성 툴 Kite
⇢ VS Code에서 빠르고 똑똑하게 코딩할 수 있게 도와주는 AI를 기반으로한 무료 코드 자동 완성툴 한번 사용해 보세요: https://tinyurl.com/ycedv3sj

.....................................................

JSON에 대해 조금더 공부를 하고 싶으시면:
MDN ➡️ https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/JSON
JavaScript.info ➡️ https://javascript.info/json
JavaScript.info 한국어 ➡️ https://ko.javascript.info/json

유용한 사이트:
JSON Diff checker: http://www.jsondiff.com/
JSON Beautifier/editor: https://jsonbeautifier.org/
JSON Parser: https://jsonparser.org/
JSON Validator: https://tools.learningcontainer.com/json-validator/

.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................

☀️ 연락

채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com

.....................................................


프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................


#자바스크립트#프론트엔드#백엔드

HTML CSS Javascript Website Tutorial - Responsive Beginner JS Project with Smooth Scroll

Learn how to build a website using HTML, CSS, and Javascript in this beginner tutorial. The site is fully responsive and has a smooth scroll effect that highlights the navbar menu based on your position scrolled. Easy beginner Javascript project that you can refactor and add your own design.

If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1

Timeline:
0:00 What we are building
3:30 Open up VSCode
4:03 Editing our index.html file
4:42 Creating our Navbar
11:34 Styling our Navbar
35:04 Toggle Mobile Menu with Javascript
40:40 Creating Hero Section
42:40 Styling the Hero Section
50:25 Creating About Section
53:02 Styling About Section
1:14:26 Creating Services Section
1:26:38 Creating Sign up Section
1:29:35 Creating Footer Section
1:37:14 Styling Footer Section
1:46:18 Adding Javascript Smooth Scroll

Source Code
https://github.com/briancodex/html-css-js-website-smooth-scroll

Other HTML, CSS, Javascript Website Tutorial


Top 10 VS Code Themes


Host your website for Free


클론코딩 포트폴리오 반응형 웹사이트 따라 만들기 | HTML, CSS, JavaScript 프론트엔드 강의(드림코딩 아카데미 오픈)

프론트엔드 강의도 듣도 포트폴리오 사이트도 만들고 1석 2조의 기회 ⭐️
포트폴리오 클론 코딩 코스: https://academy.dream-coding.com/courses/portfolio
(↙ 자세한 내용)
___________________________

풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50

엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

AI기반 코드 자동 완성 툴 Kite
⇢ VS Code에서 빠르고 똑똑하게 코딩할 수 있게 도와주는 AI를 기반으로한 무료 코드 자동 완성툴 한번 사용해 보세요: https://tinyurl.com/ycedv3sj

.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................

☀️ 연락

채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com

.....................................................


프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................


Music
Listen on SoundCloud: https://soundcloud.com/vgl9/forest-fr...
Photo by Ben Klea on Unsplash

#프론트엔드#클론코딩#포트폴리오사이트

... 

#JAVASCRIPT사이트

댓글목록

등록된 댓글이 없습니다.

전체 3,314건 66 페이지
게시물 검색
Copyright © www.campingstar.kr. All rights reserved.  Contact : help@oxmail.xyz