Learn comprehensive web development هذه الدورة تدرس باللغة الإنجليزية

تفاصيل الدورة

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

1. Course Intro
2. HTML 5 basic concept
3. Choosing a editor
4. More basics
5. How to set a webpage title
6. How to use text headings
7. How to use paragraphs
8. How to use line breaks
9. Test101
10. How to make the text bold
11. How to use strong text
12. How to italicize text
13. How to mark a text
14. Delete and insert text
15. How to insert superscript and subscript text on pages.
16. How to add quotes to webpages
17. Test102
18. How to add a block-quote to your page
19. Attributes
20. How to add address to your page
21. Display images on your webpages
22. How to display code on your page
23. Define keyboard input on pages
24. Display text as it appears in your editor/code window
25. Abbreviate text on pages
26. Cite references for borrowed content
27. Summarizing all that we've till here in one video
28. How to add comments
29. Links Part1
30. Links part 2
31. Links Part3
32. Links Part4
33. Learn to work with unordered list
34. Let's make an ordered list
35. Create a distribution list
36. HTML 5 page structure
37. Tables intro
38. How to add table headers
39. How to add table captions
40. Introduction to forms
41. Form text boxes
42. Form checkboxes
43. Form radio buttons
44. Form dropdowns
45. Form submit button
46. Form textarea
47. Multimedia Intro
48. Add videos to your webpage
49. Add audio files to your pages
50. Adding Youtube videos
51. DIV's

--

Module 2: Covers CSS3, to beautify the page

1. Requirement
2. CSS Intro
3. CSS Selectors
4. Change text color(Internal style)
5. Create an external style sheet
6. Reference external style sheet
7. Defining styles on an external style sheet
8. Multiple CSS selectors
9. Select by ID
10. Select by Class
11. Difference between Class and ID selectors
12. How to add comments
13. How to open and use colorpicker
14. General theory RGB and HEX
15. Using RGB and HEX values in CSS
16. Add background color
17. Add gradient background
18. Play with font sizes
19. Add background images
20. Background image repeat options
21. Aligning text
22. Decorating text
23. Playing with margins
24. Playing with padding
25. Adding shadows to text
26. How to blur text shadows
27. Integrating Google fonts
28. Working with list styles
29. Using images for list-styles
30. Shorthand for list-style
31. States of links
32. Normal and hover effects
33. Visited and active links
34. Add border, define color, and style for tables
35. Padding cells and aligning text in tables
36. Styling tables
37. Border properties and values
38. Playing around with visiblity settings
39. Positioning theory
40. Static positioning
41. Absolutee positioning
42. Relative positioning
43. Using both absolute and relative positioning
44. Usage of float
45. Styling forms
46. Style form as a whole
47. Style H1 and SPAN in forms
48. Style button in form
49. Styling SELECT
50. Adding box shadow
51. CSS transitions
52. CSS transparency
53. Pseudo element throry
54. Pseudo element first letter
55. Pseudo element after
56. Pseudo element before

Module 3: Explores Jquery to add features to pages

1. Jquery Intro
2. Exploring Jquery
3. How to download Jquery
4. How to include local libs
5. How to include CDN references
6. Document ready event
7. Test if Jquery works fine
8. Shorthand for Document ready
9. Selectors
10. ATTR method
11. Jquery and CSS
    
12. DOM manupilation
13. Using effects in Jquery
14. Jquery UI Intro
15. How to download Jquery UI
16. How to work with Accordion
17. How to use datepicker
18. How to use dialogs
19. Working with menus
20. Working with Autocomplete
21. Using tabs in Jquery UI
22. Animate using Jquery UI

Module 4: Introduces Bootstrap framework for responsive design

1. Bootstrap Intro
2. Download Pingendo
3. Classes
4. Rowns and columns
5. Working with Pingendo
6. Demo page with Pingendo
7. Demo page 2 with Pingendo

Module 5: Teaches you basics of PHP

1. WAMP installation
2. PHP variables
3. PHP IF and ELSE statement
4. Basic MYSQLI connection
5. phpMyAdmin basics
6. phpMyAdmin inserting records.

Module 6: Help you to perform CRUD using MYSQL

1. How to select results from Database and display them on page

videos 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 15+ 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!!