Website Design & Development

If you are thinking of pursuing a career as a web designer or web developer then this video is for you. It can be hard to know where to start and which road is the right one for you to travel down. Although there are some inherent similarities between the two roles they are very different in nature. One is focused on aesthetics and usability, the other is focused on code and functionality.

LIKE FREE STUFF? ////////////
If you're interested in my thoughts and experience on the topic download my free ebook called "Make Your Portfolio Count" http://eepurl.com/djC53b


To help clear things up a bit, in this video I'm going to cover the roles, tools, and expectations of day to day life for both jobs. At the end, I share a few opinions on which is right for you to pursue.


------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
https://learn.jesseshowalter.com/membership

////////// Connect with me here 👍🏼
Instagram: https://www.instagram.com/iamjesseshow
Twitter: http://twitter.com/iamjesseshow
Anchor: https://anchor.fm/iamjesseshow
Medium: https://medium.com/@iamjesseshow

////////// Sign up for my Monthly Newsletter 📫
http://jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial 👇🏼
http://share.mscbd.fm/iamjesseshow

////////// Equipment 📸
https://www.amazon.com/shop/jesseshowaltertv

🔥 Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training
This Edureka video on "Web Developer vs Web Designer" will help you understand the key differences between the two roles Web Developer and Web Designer. (Blog: https://www.edureka.co/blog/web-developer-vs-designer/ )
1:19 What is Web Development
2:01 Who is a Web Developer
2:45 Front End Developer
3:21 Back End Developer
4:04 Full Stack Developer
4:50 Who is a Web Designer?
5:38 UI Designer
6:08 UX Designer
6:47 Web Designer
7:18 Web Developer vs Web Designer
8:56 Salary Trends

Subscribe to our channel to get video updates. Hit the subscribe button above https://goo.gl/6ohpTV

---------------- JavaScript Certification Training -----------------

🔵 Edureka Angular Training: http://bit.ly/38mi3sw

🔵 Edureka ReactJS Training: http://bit.ly/2DVP6Wz

🔵 Edureka NodeJS Training: http://bit.ly/35ehwXX

🔵 Edureka Full Stack Training: http://bit.ly/2YveVpL

🔵 Edureka Python Django Training: http://bit.ly/2RAk6Do

🔥Full-Stack Web Development Internship Program: https://bit.ly/2ShMCJs

Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka

#edureka #webdeveloper #webdesigner #webdevelopment #fullstack
How it Works?

1. This is a 7 Week Instructor led Online Course, 45 hours of assignment and 20 hours of project work

2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course.

3. At the end of the training you will be working on a real time project for which we will provide you a Grade and a Verifiable Certificate!
- - - - - - - - - - - - - - - - -


About The Course:

Full Stack Web Development Masters Program makes you proficient in skills to work with back-end and front-end web technologies.
It includes training on:
1. Web Development,
2. jQuery, Angular,
3. NodeJS,
4. ExpressJS, and
5. MongoDB.
The curriculum has been determined by extensive research on 5000+ job descriptions across the globe.

-------------------------------------------------------------------------------------------------------

How It Works?

1. This is a 21 Week Instructor-led Online Course, 125 hours of assignment and 125 hours of project work
2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course.
3. At the end of each course, there will be a project, post completion of that project you will be given a certificate

----------------------------------------------------------------------------------------------------------

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.

If you are looking for live online training, write back to us at sales@edureka.in or call us at US: + 18338555775 (Toll-Free) or India: +91 9606058406 for more information.

In this course you will learn how to create a Website from scratch.

Welcome to a new series where I'll be taking you through the whole process of redesigning and building my website from start to finish! Please remember to subscribe http://bit.ly/1aE5UOT

The very very first thing I do when approaching a new design project is plan (shocker!). For a website, that means sitting down and thinking through firstly what the goal is for the site and why visitors might be on it, and secondly what pages and templates will need to be designed in order to bring it to life.

In this video you'll see me make a plan for my website, both for the full site map of my new blog and portfolio, and also for an "MVP" simple landing page I'll be starting with first.

Hope you enjoy the video and are excited about the series!

// LINKS

Concepts (the app I'm using in the video):
https://apple.co/2DHaEUQ

Webflow (what I'll be using to build my site):
http://bit.ly/cmwebflow

Watch the full series: https://www.youtube.com/playlist?list=PLrJQSKQvgHS6BCO8nZScJ9iw7Ukjv4f9C


-----------------------------------------------

// ENJOY MY VIDEOS?

My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon!

You'll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:

http://patreon.com/charlimarie

-----------------------------------------------

// ABOUT ME

Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂

-----------------------------------------------

// MORE

Blog: http://www.charlimarie.com
Online apparel store: http://linernotekids.com/
Design portfolio: http://charlimarie.com/portfolio
Podcast: http://designlife.fm

// SOCIAL

Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
Snapchat: charlimarietv

My sister SmayJay's channel: http://www.youtube.com/frangisamme

-----------------------------------------------

// MUSIC & TECH

Music: YouTube Audio Library

My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: http://www.austinsaylor.com/

There is often confusion around what exactly web design and development are and that they're two separate roles. Find out why in this video! Please remember to subscribe http://bit.ly/1aE5UOT

Not all web designers know how to build the sites they design, and not all web developers know how to design sites well in order to build them; and that's okay! While some people are able to do both, they are different skillsets, and each is a perfectly valid and important role on its own. I hope this video helps to demystify the difference between them, and explains why it's okay to focus only on one.

Want more on this topic? Check out this episode of my podcast, it's titled 'Should designer's learn to code': http://designlife.fm/episode25/

-----------------------------------------------

// ENJOY MY VIDEOS?

My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is order something from my online store! I make t-shirts and printed products and you're bound to find something you like 🙂

Check it out at: http://linernotekids.storenvy.com

-----------------------------------------------

// ABOUT ME

Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs and vlogs every Tuesday here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends 🙂

-----------------------------------------------

// MORE

Blog: http://www.charlimarie.com
Online apparel store: http://linernotekids.com/
Design portfolio: http://charlimarie.com/portfolio
Podcast: http://designlife.fm

// SOCIAL

Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
Snapchat: charlimarietv

My sister SmayJay's channel: http://www.youtube.com/frangisamme


-----------------------------------------------

// MUSIC

YouTube Audio Library

Start Here ➜ https://websitelearners.com/video/make-a-website/#start

Watch how you can make a website in 10 Mins - with 5 Simple steps.

By following these steps, you can make ANY kind of website, just by using “DRAG & DROP”

Steps you need to follow (with timestamp):

1) Choose a Domain Name - 00:32
2) Buy Hosting & Domain - 00:52
3) Install WordPress - 02:48
4) Add a New Theme - 04:30
5) Edit the Content - 07:10

We’re going to build our website by following these 5 steps.

So, Let’s Start.

Step 1: Pick a name for your website

First, you need to go to: https://websitelearners.com/make-a-website/ and then pick a name for your website. You can choose anything like - mywebsite.com, or .in, or .net, or .org.

This will be the domain name of your website.

So, pick one and check whether it’s available or not! Once you get it, you can go to the next step.

Step 2: Get Hosting & Domain

Hosting & Domain are the two things that you need, for launching your website.

Hosting is the place where your website’s files get stored and Domain is the name of your website.

So, get your hosting with free domain (by paying 99 rupees per month) and once you’ve completed the purchase, you can then continue.

Step 3: Installing WordPress

Wordpress is a free tool that can be installed and used to build a website without having any knowledge of programming or coding.

To Install WordPress, go to your hosting account and click “Managed WordPress.” Create a WordPress Login by entering a username and password. (This will be used to logging into WordPress)

After the WordPress Installation is complete, you’ll then be taken to your WordPress Dashboard. Now, this is the place from where you’ll be controlling your website. When you reach this page, your website will be LIVE! So, you can quickly check it, by entering your domain name.

Now, to visit your WordPress Dashboard again, you can just type: yoursite.com/login.

Your website will now have a default WordPress Theme. You can change it, by going to the next step.

Step 4: Adding a New Theme

You can install a new theme by going to ‘Themes.’ You can install the Astra theme (To get pre-made website designs with demo content)

Also, install the Astra Sites Plugin (which comes with the Astra theme) that will make it easy for you to customize your site. You can install this plugin, by going to ‘Plugins.’

Now, this plugin has a set of designs for your website, which you can choose & then apply it to your site.

To choose the designs, you can click ‘See Library.’ Now, before you select a design, make sure you click ‘Elementor’ which will make it easy for you to edit the design.

So, choose the design and import it to your site. Once, you’ve got the design with its demo content, you can then go to the final step.

Step 5: Editing the Demo Content

Editing a page is very very easy. To edit a page, just go into the page that you want to edit and click ‘Elementor.’

You’ll then go to an editing section. Now, to edit any text, just select it, and type anything you want. This process works throughout the website.

This is how, you can edit any page you want, using Elementor. Now, if you want to edit the header and the footer area of your website, you can simply click ‘Customise.’

After you click,’Customise.’ You’ll see some blue icons on the page. To edit anything, like the logo or the menu section, just click the blue icon and make your changes.
The same works-out in the footer area, also.

Now, to create a new page, you can use 2 methods:

1) Create your OWN page by dragging and dropping elements using Elementor.
2) Use pre-made designs using Templates.

That’s it! This is how easily you can launch your website. So just,

- Get your Hosting & Domain
- Import the Demo Content
- & Edit it to make your OWN Website.

--------------------
📚 Learn more

Start Here ➜ https://websitelearners.com/make-a-website/

Get your Business Email Address ➜ https://youtu.be/xAw57WUPY2w

Start your E-commerce store here ➜ https://youtu.be/uAslIcyd29M

Get your logo in 5 minutes ➜ https://youtu.be/wVrEeImyg_E


📢 The Tools we use:

Get Elementor Pro ➜ https://goo.gl/h4pMHN

Get Astra Premium ➜ https://goo.gl/iDZ6vj

Get the best tools for your website ➜ https://websitelearners.com/tools/

Video Gear We Use: https://kit.co/websitelearners/video-gear-we-use/

Our Video Editing Tool: https://bit.ly/2Od546p


🙌 Officially:

We're Hiring: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to contact@websitelearners.com


💬 Follow & Chat with us:
----------------------------------
Follow Us on Instagram: https://www.instagram.com/websitelearners/

Or Facebook: http://fb.me/websitelearners

Or Twitter: https://twitter.com/websitelearners

For Business inquiries: contact@websitelearners.com

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw

How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U

How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome

Other great text editors:
Atom.io
Brackets.io
Notepad++

Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.

Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.

Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.

Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-

🔥 Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training
This Edureka Web Development Full Course video will help you understand and learn Web Development in detail. This Web Development Tutorial is ideal for both beginners as well as professionals who want to master Web Development technologies. Below are the topics covered in this Web Development tutorial for beginners video:

00:00 Introduction
1:46 HTML
2:03 What is HTML?
2:45 Structure of HTML
3:38 HTML Editors
4:21 Writing a HTML program
5:14 Doctype Declaration
6:30 Elements
15:40 HTML Forms
30:55 CSS
30:54 What is CSS?
31:59 CSS Syntax
32:32 CSS Selectors
33:54 CSS Box Model
34:31 CSS Units
1:34:26 JavaScript
1:35:01 What is Javascript?
1:36:46 JavaScript Stats
1:37:34 What can JavaScript do?
1:38:58 JavaScript Framework
1:41:44 Top Websites Built Using JavaScript
1:42:10 Benefits of JavaScript
1:44:21 JavaScript Fundamentals
1:51:23 JavaScript Variables
1:52:59 JavaScript Constants
1:52:58 JavaScript Data Types
2:03:31 JavaScript Objects
2:09:30 JavaScript Functions
2:12:38 JavaScript Conditional Statements
2:18:35 JavaScript Loops
2:27:36 JavaScript Switch Case
2:30:34 jQuery
2:34:21 Why use jQuery?
2:36:51 Getting started with jQuery
2:39:31 DOM
2:40:19 jQuery Selectors
2:47:58 jQuery Methods
3:20:58 jQuery Effects
3:36:46 jQuery UI
3:45:25 Angular
3:51:56 What is Angular?
3:56:44 Single Page Application
3:58:31 Angular 8: What's new?
4:02:03 Angular Project Setup
4:06:16 Writing the Angular First App
4:21:32 What is Typescript?
4:22:59 Integrating Ext CSS
4:32:53 Angular Components
4:55:38 Data Binding
5:06:51 Event Binding
5:25:20 Using Built-in Directives
5:44:37 React.js
5:45:57 Why ReactJs?
5:50:14 Introduction to ReactJS
5:53:39 Advantages of ReactJS
5:54:10 ReactJS Installation
5:59:37 RasctJS Fundamentals
6:00:17 JSX
6:04:30 React Components
6:09:12 React Props
6:11:49 React States
6:16:54 React Lifecycle
6:22:34 React Events
6:31:06 React Refs
6:38:47 React Keys
6:39:48 React Routers
6:52:14 Node.js
6:53:24 What is Node.js?
6:54:43 Features of Node.js
6:55:34 Node.js Architecture
6:57:27 NPM
6:58:58 Node.js Modules
7:01:04 JSON File
7:06:00 Node.js basics
7:08:12 Node.js Operators
7:10:21 Node.js Functions
7:11:42 Node.js Objects
7:12:34 Node.js File System
7:16:21 Node.js Events
7:27:11 Node.js HTTP Module
7:28:14 Express.JS
7:29:29 Node.js Demo
7:41:13 MEAN Stack Application
7:44:51 CRUD Operations
7:44:56 RESTful API
7:45:39 Contact List MEAN App
9:00:49 MERN Stack Applications
9:03:15 MERN CRUD
9:04:02 MERN Application To-Do List App
10:05:10 How to Become a Full Stack Web Developer?

Check out our complete playlist here: https://bit.ly/2RuLkdO
Check out our complete blog list here: https://bit.ly/34y8ipM

---------------------------------------------------------

🔵 Edureka Angular Training: http://bit.ly/38mi3sw

🔵 Edureka ReactJS Training: http://bit.ly/2DVP6Wz

🔵 Edureka NodeJS Training: http://bit.ly/35ehwXX

🔵 Edureka Full Stack Training: http://bit.ly/2YveVpL

🔵 Edureka Web Development Training: http://bit.ly/2sUC6xX

🔵 Edureka Python Django Training: http://bit.ly/2RAk6Do

-----------------------------------------------------------

Instagram: https://www.instagram.com/edureka_learning.
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka

-------------------------------------------------------------

About The Course:

Full Stack Web Development Masters Program makes you proficient in skills to work with back-end and front-end web technologies.
It includes training on:
1. Web Development,
2. jQuery, Angular,
3. NodeJS,
4. ExpressJS, and
5. MongoDB.
The curriculum has been determined by extensive research on 5000+ job descriptions across the globe.

-------------------------------------------------------

How It Works?

1. This is a 21 Week Instructor-led Online Course, 125 hours of assignment and 125 hours of project work
2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course.
3. At the end of each course, there will be a project, post completion of that project you will be given a certificate

----------------------------------------------------------------------------------------------------------

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.

For more information, please write back to us at sales@edureka.in or call us at IND: 9606058406 / US: 18338555775 (toll free).

Companies are adopting technologies to scale up their businesses. And web development industry is one of the big part of that. Now these days, every company need a website to present their products & services online to their customers & clients. That's why in this industry lot of opportunities are also growing for those who want to develop their career as a web designer & developer.

If you want to develop your career in the web development industry then this is the video you should watch before you start. In this video, I'll tell you how much salary web designers & developers get from local companies as well as global companies.


Subscribe GrowBig:
https://youtube.com/c/growbig

Follow GrowBig
FB: https://www.facebook.com/growbigtv
FB Group: https://www.facebook.com/groups/growbig/

Inquiries : growbig.contact@gmail.com

Check out my courses and become more creative!
https://developedbyed.com

Should You Learn Web Design As A Web Developer?

In today's topic I wanted to cover the importance of learning web design principles even if you are a developer.

Understanding basic color theory, structure and harmony can help you become a more proficient web developer.

Rather then sticking to only 1 role, such as a web developer I highly encourage you to explore different things like game development, web design, animations and see what value it brings you.



🛴 Follow me on:

Twitter: https://twitter.com/deved94
Github: https://github.com/DevEdwin