پیشنهاد فرادرس

آموزش کامل طراحی وب با HTML5 و CSS3 و Bootstrap و jquery و mysql

دسته بندی ها: فریمورک ها ، پایگاه داده ، آموزش های یودمی (Udemy) ، آموزش طراحی وب ، آموزش بوت استرپ (Bootstrap) ، آموزش مای اس کیو ال (MYSQL) ، آموزش جی کوئری (JQuery) ، آموزش HTML ، آموزش CSS

در این آموزش تصویری با طراحی وب با HTML5 و CSS3 و Bootstrap و jquery و mysql آشنا می شوید.

این دوره آموزشی محصول موسسه Udemy می باشد.

سرفصل های دوره:

  • مبانی html
  • مفهوم اساسی HTML 5
  • طریقه استفاده از پاراگراف
  • قالب بندی برچسب ها
  • اضافه کردن متن با حروف درشت به صفحه
  • اضافه کردن متن
  • علامت گذاری متن
  • حذف و درج متن
  • اضافه کردن آدرس به صفحه وب
  • نمایش تصاویر در صفحات وب
  • ایجاد لینک های داخلی
  • ایجاد لیست مرتب
  • ساختار صفحه HTML 5
  • کار با جداول
  • کار با فرم های HTML
  • کار با checkboxes
  • ساخت منو های فرم
  • کار با چند رسانه  ای ها در HTML
  • اضافه کردن فیلم ها به صفحه وب
  • اضافه کردن فیلم های یوتیوب
  • کار با مقادیر عددی
  • معرفی CSS 3
  • مبانی CSS
  • ایجاد یک CSS خارجی
  • تفاوت بین کلاس و شناسه
  • کار با CSS
  • اضافه کردن رنگ پس زمینه
  • افزودن تصویر پس زمینه
  • مختصر نویسی سبک لیست
  • تنظیمات در CSS
  • موقعیت یابی با استفاده از CSS
  • طریقه استفاده از موقعیت نسبی
  • و...

عنوان دوره: Udemy Learn comprehensive web development مدت زمان: 15 ساعت نویسنده: Santosh Jadagoudar

توضیحات:

This course is designed with a motive to teach you end to end web development. I have an agenda of my own to empower you to be successful in being able to develop webpages for fun or profit!!
HTML5, CSS3, Jquery, Bootstrap are basic building blocks of today’s webpages. It is essential to learn them in considerable depth to be a successful frontend developer. PHP and MYSQL are popular processing and backend technologies. This isn’t your typical course – It’s more than that! This will teach you all of the listed technologies under one roof.
This course is divided into six major modules:
Module 1: Covers HTML 5 in detail
Course Intro
HTML 5 basic concept
Choosing a editor
More basics
How to set a webpage title
How to use text headings
How to use paragraphs
How to use line breaks
Test101
How to make the text bold
How to use strong text
How to italicize text
How to mark a text
Delete and insert text
How to insert superscript and subscript text on pages.
How to add quotes to webpages
Test102
How to add a block-quote to your page
Attributes
How to add address to your page
Display images on your webpages
How to display code on your page
Define keyboard input on pages
Display text as it appears in your editor/code window
Abbreviate text on pages
Cite references for borrowed content
Summarizing all that we've till here in one video
How to add comments
Links Part1
Links part 2
Links Part3
Links Part4
Learn to work with unordered list
Let's make an ordered list
Create a distribution list
HTML 5 page structure
Tables intro
How to add table headers
How to add table captions
Introduction to forms
Form text boxes
Form checkboxes
Form radio buttons
Form dropdowns
Form submit button
Form textarea
Multimedia Intro
Add videos to your webpage
Add audio files to your pages
Adding Youtube videos
DIV's
Module 2: Covers CSS3, to beautify the page
Requirement
CSS Intro
CSS Selectors
Change text color(Internal style)
Create an external style sheet
Reference external style sheet
Defining styles on an external style sheet
Multiple CSS selectors
Select by ID
Select by Class
Difference between Class and ID selectors
How to add comments
How to open and use colorpicker
General theory RGB and HEX
Using RGB and HEX values in CSS
Add background color
Add gradient background
Play with font sizes
Add background images
Background image repeat options
Aligning text
Decorating text
Playing with margins
Playing with padding
Adding shadows to text
How to blur text shadows
Integrating Google fonts
More to come
Module 3: Explores Jquery to add features to pages
Pending
Module 4: Introduces Bootstrap framework for responsive design
Pending
Module 5: Teaches you basics of PHP
Pending
Module 6: Help you to perform CRUD using MYSQL
Pending
This course will suit different style of learners. It is designed to help beginners and intermediate learners.
You have complete control over what you want to learn “Choose the modules you like.”
In the current standing, every business, big or small needs to have strong online presence to profit from e-Commerce. If you are planning to setup a webpage, start an online website, or learn these concepts, this course is a great resource.
The course is structured, and ordered evenly to teach you little by little.
What’s included?
You get 8+ hours of video lectures
Code snippets in .txt files ( I am not able to upload .html) directly as no support for same on Udemy.
A PDF document that contains all the codes we covered.
You will get two template I’ve developed while I was training my last batch plus any templates I develop for this series.
There will be sufficient number of quizzes added to test your knowledge. I will make them as hard as possible as you progress!
This is one heck of a course tailored to test your patience. I will give you ~250 videos.
You can take your own sweet time to complete the training.
You must take this course to learn end to end web-development. You will learn front-end, back-end and also the processing language to connect both of them.
Dive in! Immerse yourself!!
What are the requirements?
Students must be prepared to unlearn HTML 4.0 and be prepared to learn HTML5.
Have patience and time to assimilate about 200 to 250 video lectures.
What am I going to get from this course?
Over 144 lectures and 14.5 hours of content!
Create your own eCommerce website.
Call yourself a webmaster.
Teach HTML5, CSS3, Jquery, and MYSQL to others.
Enjoy developing webpages for fun and profit!
What is the target audience?
Anyone who wants to setup their own eCommerce business.
Beginners and intermediate learners.
Individuals who want to learn end to end web development.

1 Pre-screener 10 questions 2 Course Intro 03:25 3 Learning approach, files and structure 08:03 Section 1: HTML5: Basics 4 HTML 5 basic concept 05:59 5 Choosing a editor 04:58 6 More basics: Tags, Extensions, Code compeletion 11:04 7 Adding page title 05:03 8 Understanding heading's 10:04 9 Usage of paragraphs 06:38 10 Adding line breaks 06:34 11 Test101 5 questions Section 2: Formatting tags 12 Add bold text to page 05:20 13 Add strong text 03:26 14 Italicize text 03:34 15 Mark a text 03:39 16 Delete and insert text 04:25 17 How to insert superscript and subscript text on pages. 04:00 Section 3: Core HTML 18 How to add quotes to webpages 05:18 19 Test102 3 questions 20 How to add a block-quote to your page 05:20 21 Attributes 05:54 22 How to add address to your page 03:43 23 Display images on your webpages 13:39 24 How to display code on your page 04:14 25 Define keyboard input on pages 04:33 26 Display text as it appears in your editor/code window 04:36 27 Abbreviate text on pages 07:18 28 Cite references for borrowed content 05:20 29 Test 103 5 questions 30 Summarizing all that we've covered till here in one video 14:07 31 How to add comments 12:25 32 Links Part1: Introduction 10:03 33 Links part 2: Internal links 10:58 34 Links Part3: External links 03:35 35 Links Part4: Attributes 06:03 36 Test104 4 questions 37 Learn to work with unordered list 07:49 38 Let's make an ordered list 03:47 39 Create a distribution list 06:26 40 HTML 5 page structure 07:28 41 Tables intro 08:18 42 Test105 5 questions 43 How to add table headers 08:05 44 How to add table captions 03:58 Section 4: HTML forms 45 Introduction to forms 04:51 46 Form text boxes 06:32 47 Form checkboxes 08:57 48 Form radio buttons 12:47 49 Form dropdowns 11:05 50 Test106 5 questions 51 Form submit button 01:38 52 Form textarea 07:25 Section 5: HTML Multimedia 53 Multimedia Intro 04:52 54 Add videos to your webpage 10:01 55 Add audio files to your pages 06:34 56 Adding Youtube videos 06:46 57 DIV's 04:19 Section 6: New HTML tags 58 New color attrib for forms 02:50 59 New date and time attrib for forms 05:31 60 Mobile optimized: Url, Email and Tel fields to form 06:14 61 Display a search box 03:46 62 Force users to fill up required feilds 04:37 63 Display range slider for users 05:50 64 Collect numerical values 03:39 65 Display a meter 05:32 Section 7: CSS 3 66 CSS101 5 questions 67 Requirements 01:46 Section 8: Basics of CSS 68 CSS Intro 10:17 69 CSS selectors 15:35 70 Change text color 14:51 71 Create an external style sheet 04:03 72 Reference external style sheet 06:39 73 Defining styles on external style sheet 05:36 Section 9: Selectors 74 Multiple CSS selectors 07:06 75 Select by ID 09:17 76 Select by Class 07:29 77 Difference between class and id selectors 05:56 Section 10: Working CSS 78 Comments in CSS 05:22 79 CSS102 5 questions 80 How to open and use color picker 01:41 81 General theory RGB and HEX 06:19 82 Using RGB and HEX values in CSS 06:49 83 Add background color 04:07 84 Add gradient background color 09:36 85 Specifying font size 08:21 86 CSS103 4 questions 87 Adding background images 05:59 88 Image repeat options 07:37 89 Aligning text 03:18 90 Decorating text 05:40 91 Add Margins 05:58 92 Add padding 08:44 93 CSS104 5 questions 94 Add text shadow to text 10:13 95 Blur the text shadow 04:21 96 Integrate Google fonts on your webpage 07:06 Section 11: Styling lists 97 Working with list-styles: P1 05:15 98 Using images for list-style: P2 04:12 99 Shorthand list-style 09:12 Section 12: Styling links 100 States of links 08:14 101 Normal and hover effects: P1 06:34 102 Visited and active: P2 04:19 Section 13: Style tables 103 Add border, define color, and style for tables. 05:44 104 Padd cells and align text in table cells. 03:57 105 Styling tables P3 04:53 106 Border property and values 05:39 Section 14: Visibility options in CSS 107 Play around with visibility settings 03:40 Section 15: Positioning using CSS 108 Positioning theory 02:22 109 Static positioning an element 02:40 110 Position an element using absolute 04:23 111 Usage of relative positioning 06:45

حجم فایل: 1.6GB

آیا این نوشته را دوست داشتید؟
Udemy Learn comprehensive web development

پیشنهاد فرادرس