ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಬಿಗಿನರ್ಸ್ ಗೈಡ್

ನೀವು Web Developer ಆಗಲು ಬಯಸುವಿರಾ ಆದರೆ ಎಲ್ಲಿಂದ ಪ್ರಾರಂಭಿಸಬೇಕು ಎಂದು ತಿಳಿದಿಲ್ಲವೇ? ಇಂದು, ನಿಮ್ಮ Web Development ಪ್ರಯಾಣದ ಸಂಪೂರ್ಣ guides ನಾವು ನೀಡುತ್ತೇವೆ. ನೀವು ಓದುವಿಕೆಯನ್ನು ಬಿಟ್ಟು Web Development ಸರಿಯಾಗಿ ಕಲಿಯಲು ಬಯಸಿದರೆ, ನೀವು ಈ ಉತ್ತಮ free ಕೋರ್ಸ್‌ಗೆ ಭೇಟಿ ನೀಡಬಹುದು, Web Development scratchನಿಂದ ಕಲಿಯಿರಿ: Syntax ಜೊತೆಗೆ.

ಇವತ್ತು ನಾವು ಏನೆಲ್ಲಾ cover ಮಾಡುತ್ತೆವೆ ಅಂತ ನೋಡೋಣ

  • Part 1 : Web Development Basics & Tools
  • Part 2 : Web Development Jobs
  • Part 3 : Practice ಮಾಡಲು resources

Part 1 : Web Development Basics & Tools

Image for post

Image for post

ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ನನಗೆ ಯಾವ skills/ಕೌಶಲ್ಯಗಳು ಬೇಕು?

ನಾನು Web Developer ಆಗಲು ನನಗೆ ಏನು ಗೊತ್ತಿರಬೇಕು ?

ಯಾರು ಬೇಕಾದರೂ Web Developer ಆಗಬಹುದು . ವೆಬ್ ಡೆವೆಲಪರ್ ಆಗಲು ನಿಮಗೆ Computer science Degreeನೇ ಬೇಕಂತಿಲ್ಲ, ಆದರೆ ನೀವು ಈ fieldsನಲ್ಲಿ ಉದ್ಯೋಗಗಳನ್ನು ಹುಡುಕಲು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು, ನೀವು ಕಲಿಯಬೇಕಾದ ಕೆಲವು ವಿಷಯಗಳಿವೆ.

  1. Internet ಮತ್ತು Web ಹೇಗೆ ವರ್ಕ್ ಆಗುತ್ತೆ
  2. HTML, CSS ಮತ್ತು JavaScript Basics
  3. React.js, jQuery ಮತ್ತು Bootstrap ಅಂತಹ Libraries
  4. Python , Ruby, Java ಅಂತಹ Programming languages (ನೀವು Backend development ಕಲಿಯುವ plan ಇದ್ದರೆ)
  5. Git ಮತ್ತು Github

ಇಷ್ಟು ತುಂಬಾ ಕಲಿಯಲು ಇದೆ ಅಂತ ನೀವು ಭಯ ಪಡಬೇಕಿಲ್ಲ .ಈ ಎಲ್ಲ skills ನೀವು ಒಂದರ ನಂತರ ಇನ್ನೊಂದು ಕಲಿಯಬೇಕಾಗುತ್ತದೆ . ಆದುದರಿಂದ ನೀವು ಇದನ್ನು ಒನ್ ಸ್ಟೆಪ್ at a time ಕಲಿಯುದು ಉತ್ತಮ . ಇದರಿಂದ ನಿಮ್ಮ foundation ಕೂಡ ಸ್ಟ್ರಾಂಗ್ ಆಗುತ್ತದೆ. ಸರಿ, ನಿಮಗೆ ಈಗ ಮುಂದೆ ಏನು ಕಲಿಯ ಬೇಕು ಅಂತ ಒಂದು ಅಂದಾಜು ಸಿಕ್ಕಿದೆ ಅಂತ ನಾನು ಭಾವಿಸುತ್ತೆನೆ.

Foundations :

ಇಂಟರ್ನೆಟ್ ಮೂರು Interactive features ಒಳಗೊಂಡಿದೆ.

  • Websites : ಒಂದು ಕಂಪ್ಯೂಟರ್ ಮತ್ತು ಸರ್ವರ್ ಮೂಲಕ access ಮಾಡಲು ಇರುವ files ಮತ್ತು information
  • Servers : ಒಂದು website ನ ಎಲ್ಲ ಡೇಟಾ ವನ್ನು ಸ್ಟೋರ್ ಮಾಡಿರುವ ಒಂದು ಕಂಪ್ಯೂಟರ್
  • Browsers: ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ನಲ್ಲಿ ಲೋಡ್ ಹಾಗು display ಮಾಡುವ ಪ್ರೋಗ್ರಾಮ್ ಗಳು

ಪ್ರತಿ Website Frontend (ಕ್ಲೈಂಟ್ ಸೈಡ್) ಮತ್ತು Backend (ಸರ್ವರ್ ಸೈಡ್) ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ವೆಬ್‌ಸೈಟ್‌ಗೆ ಹೋದಾಗ users Direct ನೋಡುವ ಮತ್ತು enjoy ಮಾಡುವಂತದ್ದು Frontend ಒಳಗೊಂಡಿದೆ. Information store, send, ಮತ್ತು receive ಮಾಡುವಂತದ್ದು Backend .

Websiteನಲ್ಲಿ ನೀವು ಪ್ರತಿಯೊಂದೂ ಏನು ನೋಡುತ್ತೀರಿ, ಅದು, HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್(Java Script) ಫೈಲ್‌ಗಳಿಂದ ಕೂಡಿದೆ. Web Developer ಆಗಿ ನಿಮಗೆ ಅಗತ್ಯವಿರುವ ಅತ್ಯಂತ Basic tools ಹಾಗೂ ನಿಮ್ಮ Web Pageಗಳನ್ನು ರಚಿಸಲು ನೀವು use ಮಾಡುವ languages ಇದಾಗಿದೆ . ಆದ್ದರಿಂದ, ಇದು ಹೇಗೆ Work ಮಾಡುತ್ತದೆ ಎಂದು ಕಲಿಯೋಣ!

Image for post

Image for post

HTML ಎಂದರೇನು?

ಎಚ್ಟಿಎಮ್ಎಲ್(HTML) (ಹೈಪರ್ಟೆಕ್ಸ್ಟ್ ಮಾರ್ಕಪ್ ಲಾಂಗ್ವೇಜ್) ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲ ಪ್ರೋಗ್ರಾಮಿಂಗ್ language. ಇದು words, Titles ಮತ್ತು ಪ್ಯಾರಾಗಳಂತಹ ಸೈಟ್‌ನ basic structure ಒದಗಿಸುತ್ತದೆ. HTML established tagಗಳ ಗುಂಪನ್ನು ಒಳಗೊಂಡಿದೆ, ಇದು Different functionಗಳನ್ನು Represent ಮಾಡುತ್ತದೆ ಮತ್ತು ಅದು Screen ಮೇಲೆ ಓದಬಲ್ಲ information ಆಗಿ “Translate” ಆಗುತ್ತೆ. ಈ Tagಗಳನ್ನು angle brackets ನಡುವೆ ಬರೆಯಲಾಗಿದೆ.

ಉದಾಹರಣೆಗೆ, word bold ಆಗಲು.

ಟ್ಯಾಗ್ ನಿಮ್ಮ wordನ್ನು small header size ಆಗಿ ಮಾಡುತ್ತದೆ

ಸಿಎಸ್ಎಸ್(CSS) ಎಂದರೇನು?

ಸಿಎಸ್ಎಸ್(CSS) (ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್) ಎನ್ನುವುದು style sheet ಆಗಿದ್ದು ಅದು Webpage ಅಲ್ಲಿ HTML Factors ಹೇಗೆ Visible ಆಗುತ್ತದೆ ಎಂದು ವಿವರಿಸುತ್ತದೆ. RGB values, border colors, background images, ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳಂತಹ ನಿಮ್ಮ site ನ presentation, Style ಮತ್ತು formatting ಅನ್ನು control ಮಾಡಲು CSS ಅನ್ನು ನಾವು ಬಳಸುತ್ತೇವೆ. CSS file ಗಳು set of rules ಹೊಂದಿದೆ, ಅದು properties ಮತ್ತು ಅವುಗಳ values ಗಳನ್ನು define ಮಾಡುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ:

Apple Red

“Apple Red” word “Apple” color ನಲ್ಲಿ ಇದೆ ಎಂದು ನಿರ್ಧರಿಸುತ್ತದೆ.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ (JavaScript)ಎಂದರೇನು?

ನಿಮ್ಮ Web page behavior ನ್ನು ನೀವು ಹೇಗೆ control ಮಾಡುತ್ತೀರಿ ಎಂಬುದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್. Web Development ಬಗ್ಗೆ ನೀವು ಗಂಭೀರವಾಗಿದ್ದರೆ, ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ Source ಗಳನ್ನು ಕಲಿಯಲು ಪ್ರಾರಂಭಿಸಬೇಕಾಗುತ್ತದೆ. ಕಡಿಮೆ Access barrier ಹೊಂದಿರುವ ಇದು ವಿಶ್ವದ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಮತ್ತು ವ್ಯಾಪಕವಾದ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ ಮತ್ತು ನಿಮ್ಮ ಕೋಡ್‌ನ ಯಶಸ್ಸಿನ ಆಧಾರದ ಮೇಲೆ ತಕ್ಷಣದ result ನೀಡುತ್ತದೆ. ನಿಮ್ಮ ವಿವಿಧ HTML ಮತ್ತು CSS Featureಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಮೂಲಕ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಸಂವಾದಾತ್ಮಕವಾಗಿಸುತ್ತದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ, ಬಳಕೆದಾರರು ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಬಹುದು, ಪುಟದ ಕೆಳಭಾಗಕ್ಕೆ scroll ಮಾಡಿ ಅಥವಾ moving carousels ಗಳಲ್ಲಿimageಗಳನ್ನು display ಮಾಡಬಹುದು.

ಉದಾಹರಣೆಗೆ, ಈ code ನಲ್ಲಿ “Click here” Button ಒತ್ತಿದಾಗ, “big font” ಪದವು 28px size ಗೆ ಬದಲಾಗುತ್ತದೆ ಎಂದು ಆದೇಶಿಸುತ್ತದೆ.

<button type=”button”
onclick=”document.getElementById(‘demo’).style.fontSize=’28px’”>Click here

ವೆಬ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ಮೊದಲಿನಿಂದ ಕಲಿಯಿರಿ: HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌(JavaScript)ನೊಂದಿಗೆ ಉಚಿತವಾಗಿ ಪ್ರಾರಂಭಿಸಿ: ಸಿಂಟ್ಯಾಕ್ಸ್ ಜೊತೆಗೆ.

Technology Stack(ತಂತ್ರಜ್ಞಾನದ ಸ್ಟ್ಯಾಕ್‌)

ಸರಿ, ಈಗ ನಾವು HTML, CSS ಮತ್ತುಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನbasicsಅರ್ಥಮಾಡಿಕೊಂಡಿದ್ದೇವೆ. ಮುಂದೆ, ತಂತ್ರಜ್ಞಾನದ ಸ್ಟ್ಯಾಕ್‌ನ ಭಾಗವಾಗಿರುವ framework ಗಳು ಮತ್ತು librariesಗಳನ್ನು ನಾವು ನಿಭಾಯಿಸಬೇಕಾಗಿದೆ. Tech stack ಎನ್ನುವುದು ನಿಮ್ಮ Website ಮಾಡಲು ಸಾಫ್ಟ್‌ವೇರ್, ಅಪ್ಲಿಕೇಶನ್‌ಗಳು, ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು accessories ಗಳ combination ಯಾಗಿದೆ. ಕಂಪನಿಗಳು ಮತ್ತು ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ unique needs ಮತ್ತು goals ನ ಆಧಾರದ ಮೇಲೆ different tech stack ಗಳನ್ನು use ಮಾಡುತ್ತಾರೆ.

ಆದ್ದರಿಂದ, frameworkಗಳು ಮತ್ತು libraries ಗಳು ಯಾವುವು, ಮತ್ತು ನಮಗೆ ಅವು ಏಕೆ ಬೇಕು? ಹಾಗೆಯೇ ಈ tools ಇಲ್ಲದೆ technically web page ನ್ನು ಮಾಡಬಹುದು, ಅವುಗಳಿಲ್ಲದೆ ನೀವು ವೆಬ್ ಡೆವಲಪರ್ ಆಗಲು ಹೆಚ್ಚು ದೂರವಿಲ್ಲ.

Image for post

Image for post

Frameworks

ನೀವು ಮೊದಲಿನಿಂದ full Web pageನ್ನು design ಮಾಡಬಹುದು, ಆದರೆ ಇದು ಹೆಚ್ಚು time ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, Especially ನೀವು ಹೆಚ್ಚು complexityಯನ್ನು ಸೇರಿಸಲು ಬಯಸಿದಾಗ. Appropriately ಅಲ್ಲಿಯೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ framework ಗಳು ಬರುತ್ತವೆ. ಒಂದು ಫ್ರೇಮ್‌ವರ್ಕ್ ನಿಮ್ಮ Websiteಗಾಗಿ pre-written ಕೋಡ್‌ನ prepackage ಮಾಡಲಾದ design ಆಗಿದ್ದು, ಅದು programmers ಹೇಗೆ interact ಮಾಡಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ.

ನೀವು ಕಾರನ್ನು ನಿರ್ಮಿಸಲು ಬಯಸುತ್ತೀರಿ ಎಂದಾದರೆ. Start ನಿಂದ ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರಾರಂಭಿಸುವ ಬದಲು, ಸಮಯವನ್ನು ಉಳಿಸಲು ನೀವು ವಾಹನ frameworks ನ್ನು ಖರೀದಿಸಬಹುದು ಮತ್ತು ನೀವು ನಿಜವಾಗಿ ಚಾಲನೆ ಮಾಡುವಂತಹದನ್ನು build ಮಾಡುತ್ತೀರಿ ಎಂದು ಖಾತರಿಪಡಿಸಬಹುದು. ವೆಬ್ Development ಅಲ್ಲಿ ಒಂದು frameworks similar ಆಗಿರುತ್ತದೆ. ಇದು ನಿಮ್ಮ Website file ಗಳಲ್ಲಿ ನೀವು Install ಮಾಡುವ built-in ಪ್ರೋಗ್ರಾಂಗಳು, plug-in ಮತ್ತು tools ನೀಡುತ್ತದೆ. ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು ನಿಮ್ಮ Development process ಅನ್ನು ವೇಗಗೊಳಿಸುತ್ತವೆ, ಮತ್ತು ಅವುಗಳನ್ನು ಇತರ developers ತಯಾರಿಸುತ್ತಾರೆ, ಆದ್ದರಿಂದ code Pre-tested ಮತ್ತು Effective ಎಂದು ನಿಮಗೆ ತಿಳಿಯುತ್ತದೆ.

Different ಪ್ರೋಗ್ರಾಮಿಂಗ್ language ಗಳನ್ನು use ಮಾಡುವ backend ಮತ್ತು frontend frameworkಗಳಿವೆ.

Backend Frameworks

  • Express.js: IBM ಮತ್ತು Uber ಬಳಸುತ್ತಾರೆ; Minimalist design; Difficult for beginners
  • Django: Google, Instagram ಬಳಸುತ್ತದೆ; tons of built-in Features; Python ಆಧರಿಸಿದೆ
  • Spring Boot: Easy to use; ದೊಡ್ಡ ಪ್ರಮಾಣದ Cloud projects ಒಳ್ಳೆಯದು; Java ವನ್ನು ಆಧರಿಸಿದೆ
  • Ruby on Rails: Sound cloud ಬಳಸುತ್ತದೆ; small projects ಗೆ ಒಳ್ಳೆಯದು; Ruby ಆಧರಿಸಿದೆ
  • Flask: Used by Lyft; easy setup; Python ಆಧರಿಸಿದೆ

Frontend Frameworks

  • Ember: Uses Netflix, LinkedIn ; Good for mobile apps; ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ based
  • React: ಸುಲಭವಾದ DOM manipulation; ಕಲಿಯಲು ಸುಲಭ; ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಧರಿಸಿದೆ
  • Backbone: Lightweight; code organizationಯೊಂದಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ; ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಧರಿಸಿದೆ
  • Vue: Progressive frames; ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸುಲಭ; ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಧರಿಸಿದೆ
  • Angular: Single-page ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗೆ ಒಳ್ಳೆಯದು; not SEO friendly; ಟೈಪಸ್ಕ್ರಿಪ್ಟ್ ಆಧರಿಸಿದೆ

Libraries ಎಂದರೇನು?

Libraries ಎನ್ನುವುದು functionalityಗಾಗಿ ನಿಮ್ಮ websiteಗೆ ಸೇರಿಸಬಹುದಾದ specific tools ಮತ್ತು featuresಗಳ collection. frameworkನಂತಲ್ಲದೆ, libraries ಯಾವುದೇ design ನೀಡುವುದಿಲ್ಲ ಆದರೆ ನಿಮ್ಮ webpages ಅಲ್ಲಿ Different behaviors ಮತ್ತು Functions ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ ಕಾರು: Framework ಕಾರಿನ frame ಆಗಿದ್ದರೆ, ಟೈರ್‌ಗಳು, air conditioning or steering wheel ನಿಮ್ಮ ಅಗತ್ಯಗಳಿಗೆ ತಕ್ಕಂತೆ ನೀವು ಕಾರಿಗೆ ಸೇರಿಸುವ features ಮತ್ತು parts liabrariesಗಳಾಗಿವೆ.

ಪ್ರತಿಯೊಂದೂ Diverse ಉದ್ದೇಶಗಳನ್ನು ಹೊಂದಿರುವ ಹಲವಾರು different liabrariesಗಳಿವೆ. ಅವು ಏನು ಮಾಡಬಹುದೆಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳೋಣ

  • jQuery: HTML, DOM ಮತ್ತು CSS ಅನ್ನು ನಿರ್ವಹಿಸಲು
  • React.js: Interactive user communication tool (UI) ಗಳನ್ನು ರಚಿಸಲು
  • Chart.js: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಚಾರ್ಟ್‌ಗಳನ್ನು ತಯಾರಿಸಲು
  • Wow.js: ನೀವು ಸ್ಕ್ರಾಲ್ ಮಾಡುವಾಗ animation ಗಳನ್ನು ತೋರಿಸುವುದಕ್ಕಾಗಿ
  • Scrolline.js: ನೀವು pageಲ್ಲಿ ಎಷ್ಟು ದೂರ ಸ್ಕ್ರಾಲ್ ಮಾಡಿದ್ದೀರಿ ಎಂಬುದನ್ನು ತೋರಿಸುವುದಕ್ಕಾಗಿ

ಈ ಸಮಯದಲ್ಲಿ ನೀವು ಕಲಿಯಲು jQuery ಮತ್ತು React.js ಬಹುಮುಖ್ಯ liabraiesಗಳಾಗಿವೆ. ಅವು ಬಹಳ ಜನಪ್ರಿಯವಾಗಿವೆ ಮತ್ತು ಕೆಲವು cool stuff ಗಳನ್ನು ಮಾಡಲು ನೂರಾರು Unique featureಗಳನ್ನು ಹೊಂದಿವೆ.

Node.js

Node.js Full Stack ಮತ್ತು ಬ್ಯಾಕೆಂಡ್ developersಗಾಗಿ popular open source, server-side Tool. Node ಎನ್ನುವುದು ನಿಮ್ಮWeb ಪ್ರೋಗ್ರಾಂಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಬಳಸುವ run-time environment. network ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಇದು ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ. ನಿಮ್ಮ web ಅಪ್ಲಿಕೇಶನ್ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸರಳೀಕರಿಸಲು ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ Modulesಗಳ libraries ನೊಂದಿಗೆ ತುಂಬಿರುತ್ತದೆ. ಎಂಟರ್‌ಪ್ರೈಸ್-ಮಟ್ಟದ ಸಂಸ್ಥೆಗಳಲ್ಲಿ ಸಹ Node.js ಹೆಚ್ಚು certify ಹೊಂದಿದೆ, ಆದ್ದರಿಂದ ಇದು ಕರಗತ ಮಾಡಿಕೊಳ್ಳಲು ಒಂದು valuable tool ಆಗಿದೆ.

ವೆಬ್ ಡೆವಲಪರ್ ಆಗಲು ನನಗೆ ಬೇರೆ ಯಾವ ಸಾಧನಗಳು ಬೇಕು?

ನೀವು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಸರಿಯಾದ Deviceಗಳನ್ನು ಹೊಂದಿರುವುದು ವೇಗವಾಗಿ ಮತ್ತು ಹೆಚ್ಚು Effective ಆಗಿ ಕಲಿಯಲು ನಿಮ್ಮನ್ನು ಸಿದ್ಧಗೊಳಿಸುತ್ತದೆ. ಅದೃಷ್ಟವಶಾತ್, ನೀವು ಕೇವಲ ಮೂರು basic ವಿಷಯಗಳೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಬಹುದು: ಬ್ರೌಸರ್, Text Editor ಮತ್ತು version control system.

Web Browsers

ನಿಮ್ಮ code ಅನ್ನು ನೀವು check ಮಾಡುವ place ಇದಾಗಿದೆ. ಉತ್ತಮ web developer ವಿವಿಧ ರೀತಿಯ ಬ್ರೌಸರ್‌ಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳಬೇಕು, ಆದರೆ ನೀವು ಪ್ರಾರಂಭಿಸುತ್ತಿದ್ದಂತೆ, ನೀವು ಹೆಚ್ಚು comfortable ಆಗುವವರೆಗೆ ಒಂದನ್ನೇ use ಮಾಡುವುದು ಒಳ್ಳೆಯದು. Web developers ಬಳಸುವ ಸಾಮಾನ್ಯ ಬ್ರೌಸರ್‌ಗಳನ್ನು ಕೆಳಗೆ ವಿವರಿಸಲಾಗಿದೆ. ಈ list ಸಮಗ್ರವಾಗಿಲ್ಲ, ಆದ್ದರಿಂದ ನೀವು research ಮತ್ತು ಕಲಿಯುವಾಗ ಹಲವಾರು ಬೇರೆಯ ರೀತಿಯನ್ನು ನೋಡುತ್ತೀರಿ.

  • Mozilla Firefox: open source, ಎಲ್ಲಾ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಲ್ಲಿ local, ಸಾಕಷ್ಟು updates
  • Google Chrome: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು fix ಮಾಡಲು ಸುಲಭವಾದ dev tools ಬಹಳಷ್ಟು memoryಯನ್ನು ಬಳಸುತ್ತದೆ
  • Edge: windowsನೊಂದಿಗೆ ಸಂಯೋಜಿಸಲ್ಪಟ್ಟಿದೆ, IEಗೆ ಹೋಲುವ cons
  • Brave: Functional, secure, poor plug-in ಬೆಂಬಲದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಿದೆ
  • Safari: Good Dev Tools, windowsನೊಂದಿಗೆ ಸಂಯೋಜಿಸಲ್ಪಟ್ಟಿಲ್ಲ
  • Opera: free VPS ಸೇವೆ, Cons similar to IE

Text Editor

ನಿಮ್ಮ code ಅನ್ನು ನೀವು ಬರೆಯುವ place ಇದು. Text editorsಗೆ ಹಲವು different ಆಯ್ಕೆಗಳಿವೆ. ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ built-in one, ಆದರೆ ನಾವು ಹೆಚ್ಚು recommend ಮಾಡುವುದು strong option ಅನ್ನು. Web developers ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ Text editors:

  • Atom: Open source, cross-platform , Created by GitHub, ಆದ್ರ speed ಗೆ (free) ಹೆಸರುವಾಸಿಯಾಗಿದೆ
  • Sublime Text: cross-platform , ಅದರ plug-inಗಳು ಮತ್ತು shortcut ಗಳಿಗೆ ಹೆಸರುವಾಸಿಯಾಗಿದೆ ($ 70)
  • VS Code: open source, Microsoft ರಚಿಸಿದ, Interactive debugger(ಉಚಿತ)
  • Brackets: open source, Made by Adobe, Live Preview feature ಇದೆ (ಉಚಿತ)

ಬ್ರೌಸರ್‌ಗಳಂತಲ್ಲದೆ, ಹೆಚ್ಚಿನ Web developers ಒಂದೇ text editors ಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತಾರೆ. ಯಾವುದು ನಿಮಗೆ ಹೆಚ್ಚು ಆರಾಮದಾಯಕವಾಗಿದೆ ಎಂಬುದನ್ನು ನೋಡಲು ನಿಮ್ಮ ವಿಭಿನ್ನ ಆಯ್ಕೆಗಳನ್ನು Explore ಮಾಡಿ. ನೀವು ಅದನ್ನು ಹೆಚ್ಚು ಬಳಸಿದರೆ, ನೀವು ಹೆಚ್ಚು muscle memory ಹೊಂದುತ್ತೀರಿ.

Content Management System (CMS)

Content Management System ನಿಮ್ಮ ಕೆಲಸವನ್ನು editing, creating ಮತ್ತು publishingಗೆ ಅನುಕೂಲವಾಗುವ ಸಾಫ್ಟ್‌ವೇರ್ ಆಗಿದೆ. ನಿಮ್ಮ site ನ ಎಲ್ಲಾ features ಗಳನ್ನು ಪ್ರವೇಶಿಸಬಹುದಾದ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗೆ ಸಂಯೋಜಿಸುವ ಮೂಲಕ ನಿಮ್ಮ ವಿಷಯದ ಮೇಲೆ ನಿಯಂತ್ರಣವನ್ನು CMS ನಿಮಗೆ ನೀಡುತ್ತದೆ. ಇವುಗಳಲ್ಲಿ ಹಲವು ವಿಷಯ ನಿರ್ವಹಣೆ, ಮಾರ್ಕೆಟಿಂಗ್ ಮತ್ತು ವಿಷಯ ವಿತರಣೆಗೆ ಸಹಾಯ ಮಾಡುತ್ತವೆ.

ಒಂದು CMS ಸಾಮಾನ್ಯವಾಗಿ database ಅನ್ನು ಬಳಸುತ್ತದೆ (ಉದಾಹರಣೆಗೆ MySQL ಮತ್ತು MariaDB), ಇದು ನಿರ್ದಿಷ್ಟ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯಲ್ಲಿ ಪ್ರೋಗ್ರಾಂಗಳು ಮತ್ತು Accessories ಸಂಗ್ರಹವನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ. ಆ ರೀತಿಯಲ್ಲಿ, ನೀವು ನಿಮ್ಮ ಕೋಡ್‌ನ ನಿಮಿಷದ ವಿವರಗಳಿಗೆ ಹಿಂತಿರುಗುವ ಅಗತ್ಯವಿಲ್ಲದೇ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ನೀವು edit ಮತ್ತು ನಿರ್ವಹಿಸಬಹುದು.

CMS ಅನ್ನು ಆರಿಸುವುದು ನಿಮ್ಮ users, ನಿಮ್ಮ team size ಮತ್ತು ಇಂಟರ್ಫೇಸ್‌ನ ಸುಲಭತೆಯಂತಹ ಹಲವಾರು ವಿಭಿನ್ನ ಅಂಶಗಳನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ. ಆರಂಭಿಕರಿಗಾಗಿ ಉತ್ತಮ CMS WordPress) ಆಗಿದೆ. ಇದು ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಮತ್ತು ಪ್ರಕಟಿಸಲು ಉಚಿತ, ಮುಕ್ತ basic ಹೋಸ್ಟಿಂಗ್ ಸೇವೆಯಾಗಿದೆ. ಇದು ಬ್ಲಾಗಿಗರಿಗೆ(Blogger) ಬಹಳ ಜನಪ್ರಿಯವಾಗಿದೆ ಮತ್ತು ಆರಂಭಿಕರಿಗಾಗಿ ಕಡಿಮೆ ಪ್ರವೇಶ ತಡೆಗೋಡೆ ಹೊಂದಿದೆ. ಬೆಂಬಲದ ದೊಡ್ಡ ಸಮುದಾಯದೊಂದಿಗೆ, ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಅವರು ಉತ್ತರಗಳನ್ನು ಹುಡುಕುವ ಸಾಧ್ಯತೆಯಿದೆ.

ಇತರ ಕೆಲವು ಗಮನಾರ್ಹ ಸಿಎಮ್ಎಸ್ ಸಾಫ್ಟ್‌ವೇರ್‌ಗಳು Drupal, Typo3, ಮತ್ತು Joomla!

Part Two: A Guide to Web Dev Jobs

Image for post

Image for post

Web Dev skillsಗಳಲ್ಲಿ ಒಮ್ಮೆ ನಿಮಗೆ ವಿಶ್ವಾಸವಿದ್ದರೆ, ನಿಜವಾಗಿಯೂ ಕೆಲಸ ಹುಡುಕಲು ಪ್ರಾರಂಭಿಸುವ ಸಮಯ ಮತ್ತು ನಿಮ್ಮ skillsಗಳನ್ನು real worldಗೆ ಅನ್ವಯಿಸುವ ಸಮಯ. ನೀವು ಎಲ್ಲಿಂದ ಪ್ರಾರಂಭಿಸುತ್ತೀರಿ? ನಿಮಗಾಗಿ ಆಯ್ಕೆಗಳು ಯಾವುವು? ನಿಮಗೆ ಉತ್ತಮವಾದ ಕೆಲಸವನ್ನು ನೀವು ಲೆಕ್ಕಾಚಾರ ಮಾಡುವಾಗ ನೀವು ಪರಿಗಣಿಸಬೇಕಾದ ಮೂರು ವಿಷಯಗಳನ್ನು ನೋಡೋಣ.

ಹಂತ 1: ನೀವು ಯಾವ ರೀತಿಯ Web Dev ಆಗಲು ಪರಿಣತಿ ಹೊಂದಲು ಬಯಸುತ್ತೀರಿ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಿ

ನೀವು ಯಾವ ರೀತಿಯ ವೆಬ್ ಡೆವಲಪರ್ ಆಗಬೇಕೆಂದು ನಿರ್ಧರಿಸುವುದು ಕೆಲಸ ಹುಡುಕುವ ಮೊದಲ ಹೆಜ್ಜೆ. ಪರಿಗಣಿಸಲು ವೆಬ್ ಡೆವಲಪರ್ ಉದ್ಯೋಗಗಳಲ್ಲಿ ಮೂರು ವಿಭಿನ್ನ ವರ್ಗಗಳಿವೆ: Frontend, Backend ಮತ್ತುFull Stack. ಇದು ನಿಮಗೆ ಉತ್ತಮವಾದದ್ದು ಎಂದು ನಿಮಗೆ ಇನ್ನೂ ತಿಳಿದಿಲ್ಲದಿರಬಹುದು ಮತ್ತು ಅದು ಉತ್ತಮವಾಗಿದೆ! ನೀವು ಎಷ್ಟು ಹೆಚ್ಚು ಅಭ್ಯಾಸ ಮಾಡುತ್ತೀರಿ ಮತ್ತು ಅನ್ವೇಷಿಸುತ್ತೀರಿ , ಅದು ಸ್ಪಷ್ಟವಾಗುತ್ತದೆ.

  • Frontend ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ವೆಬ್‌ಸೈಟ್‌ನ layout ಮತ್ತು visualsಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತಾರೆ ಮತ್ತು HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಂತಹ ಭಾಷೆಗಳನ್ನು ಬಳಸುತ್ತಾರೆ. ಅವರು ವೆಬ್ ವಿನ್ಯಾಸ ಮತ್ತು users ನ ಅನುಭವದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತಾರೆ. ಉತ್ತಮವಾದ tuning ವಿವರಗಳನ್ನು ಇಷ್ಟಪಡುವವರಿಗೆ ಈ ರೀತಿಯ ವೆಬ್ ದೇವ್(Web Dev) ಒಳ್ಳೆಯದು. ಫ್ರಂಟ್-ಎಂಡ್ ವೆಬ್ ಡೆವಲಪರ್‌ನ ವೇತನವು ಸಾಮಾನ್ಯವಾಗಿ US $ 45k- k 75k ವರೆಗೆ ಇರುತ್ತದೆ.
  • ಡೇಟಾವನ್ನು fetch ಮತ್ತು ಪ್ರದರ್ಶಿಸುವ ವೆಬ್‌ಸೈಟ್‌ನ frameworksಗಳಲ್ಲಿ Backend ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಾರೆ. ಅವರು HTML, CSS, ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನ ಮೇಲೆ ಜಾವಾ, ಪೈಥಾನ್ ಮತ್ತು ರೂಬಿಯಂತಹ ಭಾಷೆಗಳನ್ನು ಬಳಸುತ್ತಾರೆ designಕ್ಕಿಂತ functionalityಯ ಬಗ್ಗೆ ಹೆಚ್ಚು ಕಾಳಜಿ ವಹಿಸುವವರಿಗೆ ಈ ರೀತಿಯ Web Dev ಒಳ್ಳೆಯದು. ಬ್ಯಾಕ್-ಎಂಡ್ ವೆಬ್ ಡೆವಲಪರ್‌ನ ವೇತನವು ಸಾಮಾನ್ಯವಾಗಿ US $ 55k-85k ನಿಂದ ಇರುತ್ತದೆ.
  • Full stack ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು Web developmentನ ಎರಡೂ sides ವ್ಯವಹರಿಸುತ್ತಾರೆ. Full stack ಡೆವಲಪರ್‌ನ ವೇತನವು ಸಾಮಾನ್ಯವಾಗಿ US $ 60k-110k ನಿಂದ ಇರುತ್ತದೆ.

ಹಂತ 2: ಯಾವ ಕೆಲಸದ ವಾತಾವರಣವು ನಿಮಗೆ ಉತ್ತಮವಾಗಿದೆ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಿ

ವೃತ್ತಿಜೀವನಕ್ಕೆ ಹೋಗುವ ಮೊದಲು, ವೆಬ್ ಡೆವಲಪರ್‌ಗೆ ಲಭ್ಯವಿರುವ ವಿಭಿನ್ನ ಕೆಲಸದ ವಾತಾವರಣವನ್ನು ನೀವು ಪರಿಗಣಿಸಬೇಕು. ನೀವು ಸ್ವತಂತ್ರವಾಗಿ ಕೆಲಸ ಮಾಡಬಹುದು, ದೊಡ್ಡ ಕಂಪನಿಯೊಂದಿಗೆ ಪೂರ್ಣ ಸಮಯದ ಉದ್ಯೋಗವನ್ನು ಹುಡುಕಬಹುದು, ಪ್ರಾರಂಭಕ್ಕೆ ಸೇರಬಹುದು ಅಥವಾ ಬೋಧನೆಗೆ ಹೋಗಬಹುದು. ನಿಮ್ಮ ಜೀವನ ಪರಿಸ್ಥಿತಿಗೆ ಯಾವ Environment ಉತ್ತಮವಾಗಿದೆ ಎಂದು ಯೋಚಿಸಿ. ನೀವೇ ಹೇಗೆ ಮಾರುಕಟ್ಟೆ ಮಾಡುತ್ತೀರಿ, ನಿಮ್ಮ Portfolio ವನ್ನು ನೀವು ಹೇಗೆ ವಿನ್ಯಾಸಗೊಳಿಸುತ್ತೀರಿ ಮತ್ತು ಉದ್ಯೋಗ ಪೋಸ್ಟಿಂಗ್ಗಳಿಗಾಗಿ ನೀವು ಎಲ್ಲಿ ನೋಡುತ್ತೀರಿ ಎಂಬುದನ್ನು ಇದು ನಿರ್ಧರಿಸುತ್ತದೆ.

ಹಂತ 3: ನಿಮ್ಮ ಅದ್ಭುತ ಯೋಜನೆಗಳು ಮತ್ತು Portfolio Skills ನಿರ್ಮಿಸಲು ಪ್ರಾರಂಭಿಸಿ

ಕ್ಷೇತ್ರದಲ್ಲಿ ಉದ್ಯೋಗ ಪಡೆಯಲು ಕಿಲ್ಲರ್ (Killer) ವೆಬ್ ಡೆವಲಪರ್ Portfolio ನಿರ್ಣಾಯಕವಾಗಿದೆ. ನಿಮ್ಮ ಕಷ್ಟಪಟ್ಟು ಸಂಪಾದಿಸಿದ ಎಲ್ಲಾ ಕೌಶಲ್ಯಗಳು, ಸುಂದರವಾದ designs ಮತ್ತು ಅತ್ಯುತ್ತಮ web project ಗಳನ್ನು ನೀವು ಪ್ರದರ್ಶಿಸುವ ವೆಬ್‌ಸೈಟ್ ಇದು. ನೀವು ಪ್ರಾರಂಭಿಸುತ್ತಿದ್ದೀರಿ ಎಂದು ನಮಗೆ ತಿಳಿದಿದೆ, ಆದ್ದರಿಂದ ಈ ಹಂತವು ನಿಮ್ಮನ್ನು ಮುಳುಗಿಸಲು ಬಿಡಬೇಡಿ. ನೀವು ಇನ್ನಷ್ಟು ಕಲಿಯುವಾಗ ಮತ್ತು ಅಭ್ಯಾಸ ಮಾಡುವಾಗ, ನೀವು Portfolioಗೆ ಬೇಕಾದ ಎಲ್ಲವನ್ನೂ compile ಮಾಡಲು ಪ್ರಾರಂಭಿಸುತ್ತೀರಿ. ನಿಮ್ಮ ಪೋರ್ಟ್ಫೋಲಿಯೊ ನಿಮ್ಮ starting work ಮತ್ತು ನಿಮ್ಮ ಅಭ್ಯಾಸವನ್ನು ಸಹ ಪ್ರದರ್ಶಿಸಬಹುದು.

ನಿಮ್ಮ Portfolioಗಳನ್ನು ಪ್ರಕಟಿಸಲು ಸಾಕಷ್ಟು ಹೋಸ್ಟಿಂಗ್ ವೆಬ್‌ಸೈಟ್‌ಗಳಿವೆ. ನಿಮ್ಮಲ್ಲಿರುವವರಿಗೆ ಮೂರು ಉತ್ತಮ ಆಯ್ಕೆಗಳು ಇಲ್ಲಿವೆ. ಅವುಗಳನ್ನು ಪರಿಶೀಲಿಸಿ ಮತ್ತು ಇತರ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳಿಂದ ಸ್ವಲ್ಪ ಸ್ಫೂರ್ತಿ ಪಡೆಯಿರಿ: Github Pages, Repl, Carbonmade, Krop.

Image for post

Image for post

ಉದ್ಯೋಗ ಪೋಸ್ಟಿಂಗ್‌ಗಳನ್ನು ನಾನು ಎಲ್ಲಿ ಕಂಡುಹಿಡಿಯಬಹುದು?

ಅಲ್ಲಿ ಯಾವ ರೀತಿಯ ಉದ್ಯೋಗಗಳಿವೆ ಎಂದು ನಿಮಗೆ ತಿಳಿದಿದೆ, ಅವುಗಳನ್ನು ಎಲ್ಲಿ ಕಂಡುಹಿಡಿಯಬೇಕು ಎಂದು ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕು. ಉದ್ಯೋಗ ಹುಡುಕಾಟಕ್ಕಾಗಿ ಸಾಮಾನ್ಯದಿಂದ ವಿಶೇಷ ವರೆಗಿನ ಸಾಕಷ್ಟು Resourceಗಳಿವೆ.

ಪ್ರಮುಖ ಟಿಪ್ಪಣಿ: Web Dev ಸಮುದಾಯದ ಮೂಲಕ ಉದ್ಯೋಗಾವಕಾಶಗಳ ಬಗ್ಗೆ ತಿಳಿಯಲು ಒಂದು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಉದ್ಯೋಗಗಳ ಬಗ್ಗೆ ತಿಳಿಯಲು ಮತ್ತು ಯಾವ ರೀತಿಯ ಕೆಲಸವು ನಿಮ್ಮನ್ನು ಪ್ರಚೋದಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಲು ನೆಟ್‌ವರ್ಕಿಂಗ್ ಒಂದು ಪ್ರಮುಖ ಮಾರ್ಗವಾಗಿದೆ. ಮೀಟಪ್‌ಗಳು, Conferenceಗಳು ಮತ್ತು ಉದ್ಯೋಗ Workshopಗಳಿಗೆ ಹೋಗಲು ಹಿಂಜರಿಯದಿರಿ.

For general job boards:

Glassdoor, Indeed, ಮತ್ತು LinkedIn web development ಉದ್ಯೋಗಗಳ ಸಾಮಾನ್ಯ, ವ್ಯಾಪಕ ಹುಡುಕಾಟಕ್ಕಾಗಿ ಪ್ರಾರಂಭಿಸಲು ಉತ್ತಮ ಸ್ಥಳಗಳಾಗಿವೆ.

For Remote / Independent Job Boards:

  • Upwork: ನಿಮ್ಮ ಅಗತ್ಯಗಳಿಗೆ ತಕ್ಕಂತೆ ಪೋಸ್ಟಿಂಗ್
  • Just Remote: ಟೆಕ್ ಉದ್ಯೋಗಗಳಿಗೆ ನಿರ್ದಿಷ್ಟವಾಗಿದೆ
  • JobsPresso: Diverse ಉದ್ಯೋಗ ಆಯ್ಕೆಗಳು
  • Flexjobs:ಪ್ರಮುಖ ಮಾಧ್ಯಮಗಳಲ್ಲಿ ವೈಶಿಷ್ಟ್ಯಗಳು

For tech specific job boards:

  • Mashable ಜಾಬ್ ಬೋರ್ಡ್: ಕಂಪನಿಯಿಂದ ಹುಡುಕಬಹುದು
  • Smashing jobs: ಕನಿಷ್ಠ ಇಂಟರ್ಫೇಸ್
  • Krop: ವೆಬ್ ಡಿಸೈನರ್‌ಗಳಿಗೆ ಅನುಗುಣವಾಗಿ
  • GitHub Jobs: ಬಳಕೆದಾರರ ದೊಡ್ಡ ಸಮುದಾಯ

For start-up job boards:

  • Start-up: Bay areaಕ್ಕೆ ನಿರ್ದಿಷ್ಟವಾಗಿದೆ
  • Angel: Founderರೊಂದಿಗೆ ನೇರವಾಗಿ ಮಾತನಾಡಿ
  • Appoint: ಪರಿಶೀಲಿಸಿದ ಸ್ಟಾರ್ಟ್ ಅಪ್ ಗಳನ್ನು ಮಾತ್ರ ನೀಡುತ್ತದೆ

Part Three: Resources

Web Dev ಬಗ್ಗೆ ನಾನು ಎಲ್ಲಿ ಇನ್ನಷ್ಟು ಕಲಿಯಬಹುದು?

ಹೊಸದನ್ನು ಪ್ರಾರಂಭಿಸುವುದು scary ಮತ್ತು ಉತ್ತೇಜಕವಾಗಿದೆ. ಅದೃಷ್ಟವಶಾತ್, ನಿಮಗೆ ಹಲವಾರು resources ಲಭ್ಯವಿವೆ, ಅಲ್ಲಿ ನೀವು ಕಲಿಯುವುದನ್ನು ಮುಂದುವರಿಸಬಹುದು ಮತ್ತು ಸಲಹೆಯನ್ನು ಪಡೆಯಬಹುದು. ನೀವು ಪ್ರಾರಂಭಿಸಲು ನಾವು ಪ್ರಮುಖ Resources, Forums and Newsletters list ಅನ್ನು ಸಂಗ್ರಹಿಸಿದ್ದೇವೆ.

  • Awwwards.com: ಸ್ಫೂರ್ತಿಗಾಗಿ(inspiration) ಇತರ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳ ಕೆಲಸವನ್ನು ಪರಿಶೀಲಿಸಿ.
  • Codrops: ವೆಬ್ ಡೆವಲಪರ್‌ಗಳಿಗಾಗಿ ಬ್ಲಾಗ್ ಇತ್ತೀಚಿನ Trendಗಳು, ಟ್ಯುಟೋರಿಯಲ್ ಮತ್ತು Design hintsಗಳನ್ನು ಕೇಂದ್ರೀಕರಿಸಿದೆ.
  • Codepen: ಕೋಡ್ ನಿರ್ಮಿಸಲು ಮತ್ತು ಪರೀಕ್ಷಿಸಲು ಒಂದು platform
  • CSS Tricks: CSS, HTML ಮತ್ತು JavaScript ಸಂಬಂಧಿಸಿದ ವಿಷಯಗಳ ಬಗ್ಗೆ ದೈನಂದಿನ ಲೇಖನಗಳನ್ನು ಪಡೆಯಿರಿ.
  • Designer Hangout: A more active community UX ವಿನ್ಯಾಸಕರಿಗೆ
  • DZone: Web Dev ಆರಂಭಿಕರಿಗಾಗಿ ಟ್ಯುಟೋರಿಯಲ್ ಮತ್ತು accessories ಗಳಿಗಾಗಿ online hub
  • EdPresso: ಸಾಮಾನ್ಯ ಪ್ರಶ್ನೆಗಳಿಗೆ Quick answersಗಳಿಗಾಗಿ ಶಿಕ್ಷಣದ ಆನ್‌ಲೈನ್ Dictionary. ಇವುಗಳನ್ನು ಟ್ಯಾಗ್‌ಗಳಿಂದ ಆಯೋಜಿಸಲಾಗಿದೆ ಮತ್ತು Quick learnಗೆ ಸಹಾಯ ಮಾಡಲು ಉಪಯುಕ್ತ Visualizationಗಳನ್ನು ಹೊಂದಿವೆ.
  • Github/StackOverflow: ಪ್ರೋಗ್ರಾಮರ್ಗಳು ಮತ್ತು ಡೆವಲಪರ್‌ಗಳ ಜಾಗತಿಕ ಸಮುದಾಯವು ಕೋಡ್ ಹಂಚಿಕೊಳ್ಳುವುದು, ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರಿಸುವುದು ಮತ್ತು ಯೋಜನೆಗಳ ಬಗ್ಗೆ ಪ್ರತಿಕ್ರಿಯೆ ನೀಡುವ Open access forums and discussion boards.
  • Meetup: Type of class ಬ್ರೌಸ್ ಮಾಡಬಹುದಾದ Local Events Search Engine
  • Smashing Magazine: International blog ಮತ್ತು ವೆಬ್‌ನ ಅಭಿವೃದ್ಧಿ ಹೊಂದುತ್ತಿರುವ ಸಮುದಾಯ
  • Web dev forums: ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ಕುರಿತು ನೀವು ಪ್ರತಿಕ್ರಿಯೆ ಪಡೆಯುವ ಮತ್ತು SEO ಗೆ ಸಂಬಂಧಿಸಿದ ಪ್ರಶ್ನೆಗಳನ್ನು ಕೇಳುವ ವೇದಿಕೆ
  • Web Developer Forum: front ಮತ್ತು backend ಪ್ರಶ್ನೆಗಳಿಂದ ಆಯೋಜಿಸಲ್ಪಟ್ಟ web development ಮತ್ತು ಕಾರ್ಯಕ್ರಮಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಪ್ರಶ್ನೆಗಳಿಗೆ ಸಾಮಾನ್ಯ ವೇದಿಕೆ.
  • Whatis.com: ಕೋಡಿಂಗ್ ಮತ್ತು ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಸಂಬಂಧಿಸಿದ ಪದಗಳಿಗಾಗಿ ಉಚಿತ, online dictionary.

ತೀರ್ಮಾನ

Image for post

Image for post

ನೀವು ಇದನ್ನು ಇಲ್ಲಿಯವರೆಗೆ ಮಾಡಿದ್ದೀರಿ! ಗೆಳೆಯರೆ! ನಿಮ್ಮ Web Dev ಪ್ರಯಾಣವನ್ನು ಪ್ರಾರಂಭಿಸಲು ನೀವು ಸಿದ್ಧರಿದ್ದೀರಿ. ಆದ್ದರಿಂದ, ನೀವು ಎಲ್ಲಿಂದ ಪ್ರಾರಂಭಿಸುತ್ತೀರಿ?

Experts/ತಜ್ಞರೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದರಿಂದ, ಪ್ರಾರಂಭಿಸಲು ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಎಲ್ಲದಕ್ಕೂ ನಾವು ಬಳಸಲು ಸುಲಭವಾದ ಮಾರ್ಗಸೂಚಿ ಕೋರ್ಸ್ ಅನ್ನು ಒಟ್ಟುಗೂಡಿಸಿದ್ದೇವೆ. ಸ್ಕ್ರ್ಯಾಚ್ ಕೋರ್ಸ್‌ನಿಂದ ನಮ್ಮ ಉಚಿತ ಲರ್ನ್ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ,ಹ್ಯಾಂಡ್ಸ್-ಆನ್ ಅಭ್ಯಾಸ, ಪಠ್ಯ ಆಧಾರಿತ ಸೂಚನೆ ಮತ್ತು ಸಂವಾದಾತ್ಮಕ learning ಮೂಲಕ Web Dev ಜಗತ್ತಿಗೆ ನಿಧಾನವಾಗಿ ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತದೆ.

ಮೊದಲ ಮೂರು lessons ನಿಮಗೆ Web Dev Basic ಅಂಶಗಳನ್ನು ಪರಿಚಯಿಸುತ್ತವೆ ಮತ್ತು ಈ ಹೊಸ ಭಾಷೆಯೊಂದಿಗೆ ನಿಮಗೆ ಅಭ್ಯಾಸವನ್ನು ನೀಡುತ್ತವೆ.

ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಇಂಟರ್ಫೇಸ್ಗೆ ಮತ್ತು ನಿಮಗೆ ಈಗ ಬರೆಯಲು ತಿಳಿದಿರುವ ಭಾಷೆಯನ್ನು ಹೇಗೆ ಮಾರ್ಪಡಿಸಬೇಕು ಎಂದು ಕಲಿಸುತ್ತದೆ. ನೀವು ಕೋರ್ಸ್ ಅನ್ನು ಪೂರ್ಣಗೊಳಿಸುವ ಹೊತ್ತಿಗೆ, ನಿಮ್ಮ ಜ್ಞಾನವನ್ನು apply ಮತ್ತು ಇಮೇಜ್ ಏರಿಳಿಕೆ ಮತ್ತು ಮಾಡಬೇಕಾದ list appನಂತಹ ಸಂಪೂರ್ಣ Functional ವೆಬ್ moduleಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ನಿಮಗೆ ಸಾಧ್ಯವಾಗುತ್ತದೆ.

ಈ ಕೋರ್ಸ್ ನಮ್ಮ ಎಚ್ಚರಿಕೆಯಿಂದ designಗೊಳಿಸಲಾದ ಕಲಿಕೆಯ track‌ನ ಒಂದು ಭಾಗವಾಗಿದೆ. ನೀವು ಪಾಠವನ್ನು ಪೂರ್ಣಗೊಳಿಸಿದ ನಂತರ, Simple ಕ್ಲಿಕ್‌ನಲ್ಲಿ ಮುಂದೆ ಏನು ಕಲಿಯಬೇಕೆಂದು ನಿಮಗೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ತಿಳಿಯುತ್ತದೆ!

Beginnersಗೆ ಈಗಾಗಲೇ ಕಷ್ಟ ಎಂದು ನಮಗೆ ತಿಳಿದಿದೆ, ಆದ್ದರಿಂದ ಮೊದಲ ಹೆಜ್ಜೆ ಇಡುವುದು ನಿಮಗೆ ಯಾವುದೇ ಹೆಚ್ಚುವರಿ ವೆಚ್ಚ ಅಥವಾ ಒತ್ತಡಕ್ಕೆ ಬರಬಾರದು ಎಂದು ನಾವು ನಂಬುತ್ತೇವೆ. ಅದಕ್ಕಾಗಿಯೇ ನಾವು ಸ್ಕ್ರ್ಯಾಚ್ ಕೋರ್ಸ್‌ನಿಂದ ನಮ್ಮ ಕಲಿಯುವ Web Development ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಉಚಿತಗೊಳಿಸಿದ್ದೇವೆ! ನೀವು ಕಲಿಯಲು ಸಹ ಪ್ರಾರಂಭಿಸಬಹುದು

Artical By: Akshatha Amin

Credits:https://medium.com/educative/a-beginners-guide-to-web-development-4bdef4a8f8f9

MicroDegree is an edtech platform for learning Emerging Technologies such as Full-Stack Development, Data Science, Machine Learning using vernacular at an affordable price. For more details reach out to hello@microdegree.work

🚀 For Course Certification : https://bit.ly/3gt2nY7

👍 Youtube:: https://bit.ly/3ajK4Cz

Website : https://microdegree.work

LinkedIn : https://www.linkedin.com/company/micr

Facebook : https://www.facebook.com/microdegree

Instagram : https://www.instagram.com/micro.degree

Subscribe to MicroDegree

Get the latest posts delivered right to your inbox